/* prix dans la barre de recherche */
span.PBCurrency {
display: none;
}
/* */
td [align="left"] { background-image: none!important;}
#btnsavecart span { color: grey; }
#btncodeintf span { color: grey; }
.sectiontbarea {
background-color: #eeeeee;
text-align: center;
}
td a#btncontinue {
float: left;
}
.sectiontbarea table table {
margin: 0;
}
.sectiontbarea a#btncheckout {
position: relative;
right: 40%;
float: left;
}
.sectiontbarea .PBPTitle {
color: #d22630;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-size: 20px;
line-height: 50px!important;
}
.sectiondataarea.billingAddressBlock table td [class="PBSTitle"]
{ color: #d22630;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-size: 20px;}
.sectiondataarea.miscellaneousBlock table td [class="PBSTitle"]
{ color: #d22630;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-size: 20px;}
.sectiondataarea.billingAddressBlock table td [ class="PBSTitle"]{
background-image: url(http://hapie.oxatis.com/Files/117754/Img/16/Triangle-blanc-hapie.png);
background-color: #eeeeee;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: 8px;
text-align: center;
height: 86px;
padding-top: 30px;
}
.sectiondataarea.billingAddressBlock table {
width: 100%;
}
.sectiondataarea.miscellaneousBlock table {
width: 100%;
}
.sectiondataarea.miscellaneousBlock table td [ class="PBSTitle"]{
background-image: url(http://hapie.oxatis.com/Files/117754/Img/16/Triangle-blanc-hapie.png);
background-color: #eeeeee;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: 8px;
text-align: center;
height: 86px;
padding-top: 30px;
}
.sectiondata.intro {
background-color: white;
background-repeat: no-repeat;
height: 85px;
background-position-x: 380px;
background-position-y: 9px;
padding-top: 29px;
padding-left: 10px;
}
.sectiondataarea.menu {
padding-left: 50px;
}
.menulist a :hover {
color: #d22630;
}
.sectiondataarea.billingAddressNameBlock table {
margin: 0 0 0 0%!important;
border-collapse: separate;
border-spacing: 60px 10px;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
}
.sectiondataarea.billingAddressBlock table {
margin: 0 0 0 0%!important;
border-collapse: separate;
border-spacing: 60px 10px;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
}
.sectiondataarea.miscellaneousBlock table {
margin: 0 0 0 0%!important;
border-collapse: separate;
border-spacing: 60px 10px;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
}
.mvgg1 {
background-color: transparent;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/17/fond-menu-cat.png);
font-size: 15px;
text-transform: uppercase;
padding-top: 5px;
padding-left: 50px;
height: 35px;
}
.mvgg2 {
background-color: transparent;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/11/fond-menu-cat2.png);
font-size: 15px;
text-transform: uppercase;
padding-top: 5px;
padding-left: 50px;
height: 35px;
}
.boutgauche {
padding-right: 15px!important;
}
/************* page article ******************/
.imgthumbnail, .imgmain{
width: 320px;
float: left;
}
.boutonfichprod a {
width: 240px;
border: 1px solid grey;
background-repeat: no-repeat;
border-collapse: collapse;
float: left;
text-decoration: none;
font-size: 10px;
color: white;
text-transform: uppercase;
text-align: center;
border-radius: 6px;
color: grey;
}
.boutonfichprod td {
}
table.boutonfichprod
{
margin: inherit;
}
.boutonfichprod td a{ text-decoration: none;
font-size: 10px;
color: grey;
text-align: center;
}
.hapivrt {
position: relative;
left: -60px;
top: 50px;
}
.PBLayoutTable img { width: 160px;}
.PBRelatedPdtTitle {
background-repeat: no-repeat;
background-position-x: 290px;
text-align: center;
text-transform: uppercase;
background-color: #c9c9c9;
color: white!important;
font-weight: 500!important;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/25/fond-produits-complementaires-1.png);
background-position: left;
}
.boutonfichprod a
{
text-decoration: none;
color: grey;
}
/************* page liste des sous catégorie dans les page vitrine et catalogue ******************/
table.sectionsubcatlist {
display: none;
}
/************* page secteur ******************/
.pagecatt2 { background-image: url(http://hapie.oxatis.com/Files/117754/Img/18/Page-secteurs.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 333px;
width: 100%;
}
.fstwtgamme { background-color: rgba(146, 146, 146, 0.5);
line-height: 28px;
padding: 10px 12px;
}
.pagecatt2 table { position: relative;
top: 33%;
left: -20%;}
/************* page gamme ******************/
.pagecatt { background-image: url(http://hapie.oxatis.com/Files/117754/Img/08/Page-gammes.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 333px;
width: 100%;
}
.fstwtgamme { background-color: rgba(146, 146, 146, 0.5);
line-height: 28px;
padding: 10px 12px;
}
.pagecatt table { position: relative;
top: 33%;
left: -20%;}
/************* ?????? ******************/
#lobjet { width :100%;}
.div1, .div2 {width:700px;margin:0 auto;}
.div1 {margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}
.div1 P {font-size:18px;}
.div1 a, .div2 a {color:#07C; }
.div1 a {margin:0 8px;}
.div1 a.current {color:black; text-decoration:none;}
.div2 {margin-top:70px;}
.div2 li {padding-top:6px;padding-bottom:6px;}
.green {color:Green;}
.cn {font-family: "Courier New", Georgia;}
#status {display:inline-block; margin-left:26px;line-height:50px;height:50px;vertical-align:middle;}
.code
{
border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-family:"Courier New", Georgia;
font-size:12px; margin:6px 0;overflow:auto;
}
/************* slider ******************/
.ism-slider {
margin-top: -6px;
}
/**************menu v******************/
.navigation {
margin: 0;
padding: 0;
list-style: none;
background: #000;
color: #fff;
width: 200px;
font: 1.2em "Trebuchet MS", sans-serif;
}
.navigation a, .navigation span {
display: block;
padding: 4px 10px;
color: #fff;
text-decoration: none;
background: #000 url(menu-item.png) left bottom no-repeat;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
background-image: url(menu-item-deroule.png);
}
.navigation .open a, .navigation .open span {
background-image: url(menu-item-enroule.png);
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
text-decoration: underline;
}
.navigation .subMenu {
font-size: .8em;
background: #ccc url(subMenu.png) 0 0 repeat-x;
font-size: .9em;
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
}
.navigation .SSousMenu {
font-size: .8em;
background: red url(subMenu.png) 0 0 repeat-x;
font-size: .9em;
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
}
.navigation ul.subMenu a {
background: none;
padding: 3px 20px;
}
.navigation ul.subMenu li ul.SSousMenu a {
background: none;
padding: 3px 20px;
}
/**************menu h******************/
#hmenu li ul.submenu li ul.ssmenu{
background-color: #fff;
border:1px solid #ebebeb;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
background-image: none;
list-style: none;
margin-left: 220px;
top: 0px;
padding: 4px;
position: absolute;
visibility: hidden;
width: 220px;
}
/**************Xopie v1.1******************/
* {
margin-border:none;
border: 0px solid black;
padding: auto;
}
element.style {
padding: 0 ;
}
body { margin:0;
}
.viewtbl td {
padding: 0;
}
/******************* Reset CSS *******************/
p {font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
font-size: 13px;
margin: 0;
padding-left: 5px;
padding-right:5px; }
h1 {
font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
line-height: 49px;
font-size: 2.5em;
margin: 0;
}
.H1 {
font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
line-height: 49px;
font-size: 3em;
margin: 0;
}
h2 {
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 500;
font-size: 12px;
margin: 0;
}
h3 {
font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
font-size: 21px;
margin: 0;
}
.H3 {
font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
font-size: 20px;
margin: 0;
}
h4 {
font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
font-size: 20px;
margin: 0;
}
.H4 {
font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
color: #060042 ;
font-size: 20px;
margin: 0;
line-height:30px;
}
h5 {
font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
font-size: 22px;
margin: 0;
}
h6 {
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
color: white;
font-size: 30px;
margin: 0;
}
.H6 {
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
color: white;
font-size: 30px;
margin: 0;
}
.para {
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
color: #333;
font-size: 15px;
margin: 0;
line-height: 23px;
}
table {
border-collapse: collapse;
margin: auto;
}
body.PBPW , p {
font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
color: #333333 ;
line-height: normal;
font-size: 13px;
margin: 0;
}
#topbanner {
display : block;
padding : 15px 0;
text-align : center;
width : 100%;
}
img {
border : none;
}
input {
background-color : #fafafa;
border : none;
display : inline-block;
font-size : 12px;
height : 24px;
line-height : 24px;
margin : 0;
padding : 0 5px;
vertical-align : middle;
border:1px solid #eee;
border-radius: 5px;
}
.margauto { margin-right: auto; margin-left:auto; }
select {
font-family : 'Open Sans', helvetica, arial, sans-serif;
}
#bodycolumn3 {
position : absolute;
right : -20px;
top : 0;
}
#verticalbanner {
left : 0;
position :
absolute;
top : 0;
}
#bodytopbanner {
display : block;
text-align :
center;
width : 100%;
}
.upper {text-transform: uppercase;}
#bodydata form {
text-align : left;
}
.clearbodycontainer {
clear : both;
height : 0;
}
#maincontainer p {
margin : 0;
padding : 0;
}
#maincontainer font, #maincontainer span {
line-height : 28px;
}
body.PB #maincontainer * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; }
body.PB #maincontainer ul {/*padding:0; margin:0;*/}
/******************* Tambouille *******************/
/*******FORMULAIRE DE CONTACT*************/
.divform1home table { border-style: 0px none transparent; }
.divform1home td {border-style: 0px none transparent; }
.divform1homediv { padding-top: 20px; border-style: 0px none transparent; }
.divform1home { }
.divform1table input {
font-size: 13px;
padding: 2px;
border-width: 0px;
border-radius: 4px;
border-style: hidden;
text-shadow: 0px 0px 0px rgba(42,42,42,.75);
border-color: #ffffff;
box-shadow: inset 0px 0px 5px 0px rgba(42,42,42,.61);
width: 315px;
background-color: white;
}
.divform1table {line-height: 1.8em;}
.divform1table textarea {
font-size: 13px;
padding: 2px;
border-width: 0px;
border-radius: 4px;
border-style: hidden;
text-shadow: 0px 0px 0px rgba(42,42,42,.75);
border-color: #ffffff;
box-shadow: inset 0px 0px 5px 0px rgba(42,42,42,.61);
width: 315px;
}
.boutonr1{
background-image: url(http://hapie.oxatis.com/Files/117754/Img/01/bouton260.png);
background-position: center;
background-repeat: no-repeat;
height: 70px;
/* width: 235px; */
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
background-color: transparent;
font-size: 15px;
padding: 23px 40px;
text-decoration: none;
}
.boutong1{
background-image: url(http://hapie.oxatis.com/Files/117754/Img/07/bouton-grisX2.png);
background-position: center;
background-repeat: no-repeat;
height: 70px;
/* width: 235px; */
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
background-color: transparent;
font-size: 15px;
padding: 23px 40px;
text-decoration: none;
}
.boutonrX3pack {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/01/bouton260.png);
background-position: center;
background-repeat: no-repeat;
height: 47px;
width: 346px;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
background-color: transparent;
font-size: 15px;
padding: 1px 0px;
text-decoration: none;
background-position: bottom;
line-height: 0;
vertical-align: middle;
background-size: contain;
}
.boutonrX3pack2 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/10/bouton-orange.png);
background-position: center;
background-repeat: no-repeat;
height: 47px;
width: 346px;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
background-color: transparent;
font-size: 15px;
padding: 1px 0px;
text-decoration: none;
background-position: bottom;
line-height: 0;
vertical-align: middle;
background-size: contain;
margin-top: 11px;
}
.boutonr1pack {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/17/boutpackpag.png);
background-position: center;
background-repeat: no-repeat;
height: 35px;
width: 400px;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
background-color: transparent;
font-size: 15px;
}
.boutonr2{
background-image: url(http://hapie.oxatis.com/Files/117754/Img/21/bouton370.png);
background-position: center;
background-repeat: no-repeat;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
background-color: transparent;
font-size: 15px;
padding: 77px;
text-decoration: none;
}
.boutonr3{
background-image: url(http://hapie.oxatis.com/Files/117754/Img/22/bouton470.png);
background-position: center;
background-repeat: no-repeat;
height: 70px;
width: 470px;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
background-color: transparent;
font-size: 15px;
}
.boutonr3 img {
position: relative; top: 5px;
}
.boutonrf{
background-image: url(http://hapie.oxatis.com/Files/117754/Img/21/bouton370.png);
background-position: center;
background-repeat: no-repeat;
background-size : cover;
height: 33px;
width: 180px;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
background-color: transparent;
font-size: 10px;
line-height: 14px;
border-radius: 6px;
margin: auto;
left: 5em;
position: relative;
}
.floatleft {float: left;}
.floatright {float: right;}
.fullwid {width: 100%;}
.wid50 {width: 50%;}
.prxcts { font-size: .7em;
line-height: .8em; }/** Les centimes **/
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}
.fs21 {font-size:21px;}
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;}
.fs27 {font-size:27px;}
.fs28 {font-size:28px;}
.fs29 {font-size:29px;}
.fs30 {font-size:30px;}
.marg30 {padding-top: 30px; }
.inlinetable {display: inline-table;}
.inlineblock {display: inline-block;}
.soulign { text-decoration : underline;}
.italik {font-style:italic;}
.alignr { text-align: right;}
.alignl {text-align: left;}
.alignc {text-align: center;}
.alignj {text-align: justify;}
.tdimgc span {text-align: justify; }
.tresgras {font-weight: 800;}
.gras {font-weight: 500;}
.leger {font-weight: 300;}
.bleu {color: #060042; }
.rouge {color: #df1f26;}
.gris {color:#555;}
.white { color:white;}
.grisatre { color:#c3c3c3;}
.fondgris {background-color: #eee;}
.fondblanc {background-color: #fafafa;}
.fondbeige {background-color: #f1ede3;}
.ubun { font-family: 'Ubuntu','Sniglet','Open Sans', helvetica, arial, sans-serif;}
.signt { font-family: 'Sniglet','Ubuntu','Open Sans', helvetica, arial, sans-serif;}
.centr { text-align: center ;}
.margtp30 {margin-top:30px; margin-bottom:30px;}
.marginleft10 { margin-left: 10px;}
.marginright10 { margin-right: 10px;}
.linehei { line-height:30px; }
.H42 {
font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
color: #060042 ;
font-size: 14px;
margin: 0;
line-height:30px;
}
.txtbtrg {
font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
color: white ;
font-size: 15px;
margin: 0;
}
.Sniglet60bleu {
font-family: 'Sniglet','Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-weight: 300;
color: #060042 ;
font-size: 60px;
margin: 0;
}
.boutrg1 {
background-image:url(http://hapie.oxatis.com/Files/117754/Img/06/boutrg1.png);
background-attachement:fixe;
background-position:center;
}
.marge0 {margin:0;}
.collapse {border-collapse: collapse;}
.separate {border-collapse: separate;}
.barregrisblanc1 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/06/barre-liner-deux-couleur.png);
background-repeat: no-repeat;
line-height: 64px;
background-color: #fafafa;
background-position: center;
background-size: cover;
text-align: center;
min-height: 64px;
}
.fdtglrge {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/15/triangle-gloss-hapie.png);
background-size: 100%;
height: 202px;
width: 425px;
background-repeat: no-repeat;
background-position: center;
color: white;
display: inline-block;
padding-top: 60px;
padding-left: 82px;
}
.fdtglrge h4 { margin-top: 20px;}
.fdtglrge2 {
margin-top: -77px;
margin-left: 121px;
margin-bottom: 71px;
}
#divor3 table
{
border-collapse: separate;
border-spacing: 70px 10px;}
.margtabl h4 {color: white;}
.margtabl {
border-collapse: separate;
border-spacing: 70px 10px;
}
/******************* Liens *******************/
body.PB a:link, body.PB a:visited, body.PB a:active, body.PB a.PBLink, body.PB a, body.PBPW a:link, body.PBPW a:visited, body.PBPW a:active, body.PBPW a.PBLink, body.PBPW a {
/*color:none;*/
text-decoration:none;
}
body.PB a:hover, body.PBPW a:hover, a:hover, body.PB a:hover font, body.PBPW a:hover font {
/*color:none;*/
text-decoration:none;
}
/******************* Body et Site *******************/
body.PB {
color:#666666;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:12px;
margin: 0;
padding: 0;
text-align:center;
}
#maincontainer {
margin: 0 auto -20px;
padding: 0;
width: 100%;
box-sizing: border-box;
line-height: 20px;
font-weight: 300;
}
/******************* Header *******************/
#headercontainer {
}
#blkrechhead {
width: 315px;
background-color: #040130;
height: 32px;
position: relative;
}
#headerarea {
margin: 0 auto;
position: relative;
width: 100%;
z-index: 250;
background-color: white;
display: inline-block;
height: 164px;
}
#headerInner {
background-image: none;
background-position: center top;
background-repeat: no-repeat;
background-color: white;
margin-top: 10px;
display: inline-block;
width: 100%;
}
#headerarea div {
display: inline-block;
}
#headerInnerContent {
height: 100%;
width: 100%;
}
#headerInnerContent table{
height: 100%;
width: 100%;
border-collapse: collapse;
}
#btnContainer {
z-index: 300;
line-height: 0;
position: relative;
bottom: -21px;
}
}
#headercolumn1 {
height: auto;
width: auto;
}
.carrgris1 {
display: inline-table;
width: 158px;
height: 27px;
background-color: #eee;
border-radius: 7px 0 0 0;
}
.comparatif th {text-align:center;}
.comparatif th , .comparatif td {padding-left:5px; padding-right:5px;}
.comparatif tr:nth-child(odd){
background-color:#F3F3F3;
}
.carrgris2 {
display: inline-table;
width: 157px;
height: 28px;
background-color: #eee;
border-radius: 0 7px 0 0;
border-left: #fafafa;
border-left-style: inherit;
}
.carrgris3 {
display: inline-table;
}
.carrgris1 a {
text-align: right;
position: relative;
top: 3px;
}
.carrgris2 a {
}
#headerlogo, #headerlogo a {
height: 100%;
}
#headerlogo img {
max-height:64px;
max-width:300px;
}
/* header */
#headercolumn2 {
text-align: right;
}
.bordrad15 { border-radius: 15px;}
.headgris1 img {
width: 13px;
}
#headercolumn2 a{ position: relative;top: ; position: relative;
top: -14px; color: #333333 ; ;
}
#headertext {
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:13px;
color:#ECF0EB;
}
#headerdata { position: relative;
top: ;}
#headerdata div {text-align: right;}
#headerdata2 {margin-bottom: 0; }
#headgris1 {width: 300px; height: 300px; background-color: green;}
#headerlogo span { }
#headerdata img { max-height: 100%; max-width: 100%;}
#headerbanner { display: block; text-align: center; width: 100%;}
#headerBtn {
left: 0px;
width: 960px;
}
#headerBtn a {
color:#ECF0EB;
font-size:13px;
margin: 0;
}
#headerBtn a:hover {
color:#A4A4BE;
}
a.accountLink {
position:absolute;
bottom:1px;
left:auto;
right:20px;
}
#headerInfoCart a.cartLink {
color:#ECF0EB;
}
#headerInfoCart a.cartLink:hover {
color:#A4A4BE;
}
#headerInfoCart #ZoneCart {
height: 46px;
}
.contactnz { vertical-align: top;
position: relative;
bottom: 45px;}
.contactnz2 { vertical-align: bottom;
position: relative;
bottom: 10px;}
#headerlogo span {
position: relative;
bottom: 11px;
right: 33px;
}
.slognn {}
#contcthead {
padding-bottom: 20px;
}
#sloghapie { position: relative;
bottom: 17px;
left: 6px;}
/*******************fin Header *******************/
#hmenu .men1npd1 {
}
.men1npd1 a{
}
.smen1st1 {
padding-left: 33px;
margin-left: 2px;
padding-top: 7px;
background-image:url(/Files/117754/Img/24/ic-01.png);
background-position:left;
background-repeat: no-repeat;
background-position-x:4px;
}
.smen1mb2 {
padding-left: 33px;
margin-left: 2px;
padding-top: 7px;
background-image:url(/Files/117754/Img/21/ic-02.png);
background-position:left;
background-repeat: no-repeat;
background-position-x:4px;
}
.smen1at3 {
padding-left: 33px;
margin-left: 2px;
padding-top: 7px;
background-image:url(/Files/117754/Img/09/ic-03.png);
background-position:left;
background-repeat: no-repeat;
background-position-x:4px;
}
.smen1bt4 {
padding-left: 33px;
margin-left: 2px;
padding-top: 7px;
background-image:url(/Files/117754/Img/01/ic-04.png);
background-position:left;
background-repeat: no-repeat;
background-position-x:4px;
}
.smen1ac5 {
padding-left: 33px;
margin-left: 2px;
padding-top: 7px;
background-image:url(/Files/117754/Img/14/ic-05.png);
background-position:left;
background-repeat: no-repeat;
background-position-x:4px;
}
.smen1hh6 {
padding-left: 33px;
margin-left: 2px;
padding-top: 7px;
background-image:url(/Files/117754/Img/07/ic-06.png);
background-position:left;
background-repeat: no-repeat;
background-position-x:4px;
}
.smen1pm7 {
padding-left: 33px;
margin-left: 2px;
padding-top: 7px;
background-image:url(/Files/117754/Img/24/ic-07.png);
background-position:left;
background-repeat: no-repeat;
background-position-x:4px;
}
.alignlemenu {
position: relative;
top: 6px;
}
#headermenu {
left: 0;
margin: -7px;
padding: 0;
width: 100%;
z-index: 250;
background-color: #040130;
position: relative;
}
#hmenu, #hmenu li, #hmenu li div, #hmenu li div ul, #hmenu li div ul li {
z-index: 100;
}
#hmenu {
display: block;
list-style: none outside none;
padding: 0;
text-align: center;
vertical-align: bottom;
margin-bottom: 0px;
}
#hmenu > li.begin, #hmenu > li.end { display : none; }
#hmenu > li.mispacer { width : 10px; }
#hmenu > li.misep { display:none;}
#hmenu > li.miimg { border : none; }
#hmenu li.miimg a, #hmenu li.miimg span { padding : 0; }
#hmenu > li.miimg > a img, #hmenu > li.miimg > a { max-height : 100%; }
#hmenu li ul.submenu li.miimg img { max-width : 100%; }
#hmenu > li.auto > a img, #hmenu > li.miimg > a { height : 100%; }
#hmenu > li { color : #040130; display : inline-block; height:40px; line-height:36px; *float:left; list-style : none outside none; vertical-align: top}
#hmenu > li > a.menu, #hmenu > li > span {
color: #FFFFFF;
display: block;
font-size: 13px;
padding: 0 10px;
text-decoration: none;
white-space: nowrap;
line-height: 18px;
vertical-align: bottom;
}
#hmenu > li.mitext > a.menu, #hmenu > li.mitext > span { font-weight : 300; }
#hmenu > li.mititle > a.menu, #hmenu > li.mititle > span { font-weight : 300; }
#hmenu > li > a.menu:hover, #hmenu > li > a.menu.subactive {font-weight : 500;
text-shadow: 1px 1px 21px #ffffff ;
/* GLOSS */
color:white;
}
#hmenu li ul.submenu {
background-color: #fafafa;
border: 1px solid #ebebeb;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
background-image: none;
display: block;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
left:0px;
top: 28px;
width: 260px;
color: white;
}
#hmenu li ul.submenu li { font-size : 0; line-height : 0; text-align : left; color: white; }
#hmenu li ul.submenu a, #hmenu li ul.submenu span { display : block; padding : 0 10px; }
#hmenu li ul.submenu li.begin, #hmenu li ul.submenu li.end { display : none; }
#hmenu li ul.submenu li.mispacer { height : 10px; }
#hmenu li ul.submenu li.auto img { width : 100%; }
#hmenu li ul.submenu li.miimg { text-align : center; }
#hmenu ul.submenu li.mititle span, #hmenu ul.submenu li.mititle a { }
#hmenu li ul.submenu li.mitext span, #hmenu li ul.submenu li.mitext a { }
#hmenu li ul.submenu li.misep { background-color : #ebebeb; border : none; height : 1px; margin : 10px 0; }
#hmenu li ul.submenu li a, #hmenu li ul.submenu li span { color : #040130; font-size : 12px; line-height : 30px; text-decoration : none; }
#hmenu li ul.submenu li.mititle a:hover, #hmenu li ul.submenu li.mitext a:hover {
text-shadow: 1px 1px 21px #ffffff ;
/* GLOSS */
color:white;
background-color: #040130;
}
#bodycontainer {
width: 100%;
z-index: 150;
background-attachment: scroll;
background-position: center top;
background-repeat: repeat-x;
background-color: #FFFFFF;
padding: 0;
margin-top: 8px;
}
#bodyarea { margin : 0 auto; min-height : 450px; padding : 0px; position : relative; width:100%; background-color: #fafafa; }
#bodycolumn1 {
float : left;
padding : 0;
width : 200px;
z-index : 150;
background-color: #fafafa;
}
#bodycolumn2 {
margin-left : 220px;
padding : 0;
text-align : left;
}
#bodydata { padding : 0; width : 100%; }
#verticalmenu {
margin:0 0 20px;
text-align:left;
width:100%;
background-color:#FFF;
border-bottom:3px solid #30304E;
border-radius:4px 4px 0 0;
}
#verticalmenu, #vmenu, #vmenu li div { z-index : 150; }
#vmenu li { z-index : 100; }
#vmenu { list-style-type : none; margin : 0; padding : 5px; background-color: #fafafa; }
#vmenu > li { position : relative; text-align : left; }
#vmenu > li > a, #vmenu > li > span { display : block; }
#vmenu > li.begin { display : none; }
#vmenu > li.end { display : none; }
#vmenu > li.menusep { border : none; }
#vmenu > li.mispacer { height : 20px; }
#vmenu li.miimg img { max-width : 100%; }
#vmenu li.auto img { width : 100%; }
#vmenu > li.misep {
background-color:#30304E;
height:3px;
margin:10px 0;
width:100%;
}
#vmenu > li.mititle > span, #vmenu > li.mititle > a.menu {
color:#060042;
font-size:13px;
height:25px;
line-height:25px;
padding: 0;
text-align:left;
text-decoration:none;
font-weight:700;
}
#vmenu > li.mititle > a.menu:hover, #vmenu > li.mititle > a.subactive {
color:#A4A4BE;
transition:all 0.5s ease-out;
text-indent:5px;
}
#vmenu > li.mitext > a.menu, #vmenu > li.mitext > span {
color: white;
font-size: 11px;
font-weight: normal;
height: 24px;
line-height: 24px;
padding: 0;
text-decoration: none;
text-indent: 5px;
text-align: left;
}
.consbleu {
background-color: #060042;
text-align: center;
font-size: 20px;
color: white;
}
#vmenu > li.mitext > a.menu:hover, #vmenu > li.mitext > a.subactive {
transition:all 0.5s ease-out;
text-indent:10px;
}
#vmenu li ul.submenu {
list-style-type: none;
margin: 0;
padding: 4px;
position: absolute;
text-align: left;
top: 0\9;
visibility: hidden;
width: 270px;
z-index: 150;
background-color: #FFF;
border: 1px solid #EBEBEB;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}
#bodycolumn1 #vmenu li ul.submenu { left : 100%; }
.widgetcolumn2 #vmenu li ul.submenu { right : 100%; }
#vmenu li.menuup ul.submenu { bottom : 0px; }
#vmenu li:not(.menuup) ul.submenu { top : 0px; }
#vmenu li ul.submenu li { background-image : none; font-size : 0; line-height : 0; text-align : left; }
#vmenu li ul.submenu li.begin, #vmenu li ul.submenu li.end { display : none; }
#vmenu li ul.submenu li.menusep { border : none; }
#vmenu li ul.submenu li.mispacer { height : 10px; }
#vmenu li ul.submenu li.miimg { text-align : center; }
#vmenu li.miimg { margin : 5px 0; text-align : center; }
#vmenu li ul.submenu li.mititle span, #vmenu li ul.submenu li.mititle a.menu { font-weight : bold; }
#vmenu li ul.submenu li.mitext a.menu, #vmenu li ul.submenu li.mitext span { font-weight : normal; }
#vmenu li ul.submenu li.misep {
background-color:#30304E;
border:none;
height:3px;
margin:10px 0;
transition:all 0.5s ease-out;
}
#vmenu li ul.submenu li a, #vmenu li ul.submenu li span {
background-image : none;
color : #666;
display : block;
font-size : 12px; line-height : 24px; padding : 0 5px;
text-align : left;
text-decoration : none;
}
#vmenu li ul.submenu li.mititle a.menu:hover, #vmenu li ul.submenu li a.menu:hover, #vmenu li ul.submenu li.mitext a.menu:hover {
background-image:none;
color:#30304E;
transition:all 0.5s ease-out;
}
.blockcontainer { margin : 0 0 0 20px; width : 200px; }
.blockshortcut {
color:#000;
font-size:12px;
margin:0px 0px 20px;
text-align:left;
background-color:#FFF;
border-bottom:3px solid #30304E;
border-radius:4px 4px 0 0;
}
.blockshortcut a {
color:#060042;
text-decoration:none;
}
.blockshortcut a:hover { color : #000000; text-decoration : none; }
.blockmktg { border : none; }
#blocksearch, #blockuserlogin , #blockuserlogout , #blocknewsletter, #blockcoupon { line-height : 15px; }
#blockfreetext .PBShortTxt { display : block; text-align : justify; }
.blockarea { padding: 5px; background-color: #fafafa; }
.blockmktg .blockarea { margin : 0; padding: 0; }
.blockshortcut form, #blocknewsletter p { margin : 0; padding : 0; }
.blockshortcut input[type="text"], .blockshortcut input[type="password"] { color : #000; margin : 5px 0; width: 84%; }
.blockshortcut .blockbtn { cursor : pointer; line-height : 12px; margin : 5px; }
#blockcoupon .blockbtn { display : inline; display : inline-block; line-height : 12px; }
#blockuserlogout .hellouser, blockuserlogout .viewaccountinfo , #blockuserlogin .firstvisit, #blockuserlogin .firstvisit a, #blockcoupon s.coupon { display : block; }
#blocksearch .searchimg {
background: url(/Files/0/icon-search-white-20X20.png) no-repeat scroll left center transparent;
display: inline;
display: inline-block;
height: 20px;
margin: 0 5px;
vertical-align: middle;
width: 10%;
background-color: red;
}
#blocknewsletter #newsok, #blocknewsletter #newsko { background-color: transparent; margin-right : 5px; vertical-align : middle; }
#blockrssfeeds a.rss { background : url(/Files/0/icon-rsslogoblack-40X14.png) no-repeat scroll left center transparent; display : block; height : 20px; margin : 0 auto; width : 63px; }
.datatbl, .itemtbl, .infotbl { padding : 0; }
#langflags { margin : 10px 0;}
#footercontainer #langflags { clear : both; }
#langflags ul { list-style : none; margin : 0; padding : 0; text-align : center; }
#langflags ul li { display : inline; display : inline-block; padding : 0 1px; }
#langflags ul li a span { background-position : center center; background-repeat : no-repeat; border : 1px solid #ccc; display : inline-block; height : 15px; width : 22px; }
#langflags a:hover span { border : 1px solid #fff; }
#flag0 { background-image : url(/DesignCss/SharedImages/FlagL0.gif); }
#flag1 { background-image : url(/DesignCss/SharedImages/FlagL1.gif); }
#flag2 { background-image : url(/DesignCss/SharedImages/FlagL2.gif); }
#flag3 { background-image : url(/DesignCss/SharedImages/FlagL3.gif); }
#flag4 { background-image : url(/DesignCss/SharedImages/FlagL4.gif); }
#flag5 { background-image : url(/DesignCss/SharedImages/FlagL5.gif); }
#icontrash, #iconerror, #iconwarning, #iconsalespolicy, #iconattachment, #iconemail, #iconweb, #btnviewinvc, #iconmap, .SCViewLog, .faqTop, .PBDownload, .SCViewInvoice, .ShopBagReload, .RSSBlogFeeds, .RSSCommentsFeeds { background-position : center center; background-repeat : no-repeat; height : 20px; vertical-align : middle; width : 20px; }
#icontrash { background-image : url(/Files/0/icon-trashcan-black-20X20.png); }
#iconerror { background-image : url(/Files/0/icon-error-red-20X20.png); }
#iconwarning { background-image : url(/Files/0/icon-warning-red-20X20.png); }
#iconsalespolicy { background-image : url(/Files/0/icon-salespolicy-black-20X20.png); }
#iconattachment { background-image : url(/Files/0/icon-attachment-black-20X20.png); }
#iconemail { background-image : url(/Files/0/icon-email-black-20X20.png); }
#iconweb { background-image : url(/Files/0/icon-web-black-20X20.png); }
#iconmap { background-image : url(/Files/0/icon-map-black-20X20.png); }
.faqTop { background-image : url("/Files/0/icon-FAQ-Top-black-20X20.png"); }
#btnviewinvc span { background-image : url(/Files/0/icon-salespolicy-white-20X20.png); background-position : 2px 4px; background-repeat : no-repeat; padding : 0 6px 0 24px; }
#btnvieworder span { background-image : url(/Files/0/icon-SCViewInvoice-black-20X20.png); background-position : 2px 1px; background-repeat : no-repeat; padding : 0 6px 0 24px; }
#btnviewcart span, #btnsearch span { padding-left : 9px; }
.SCViewInvoice { background-image : url(/Files/0/icon-SCViewInvoice-black-20X20.png); }
.ShopBagReload { background-image : url(/Files/0/icon-ShopBagReload-black-32X20.png); width : 32px; }
.RSSBlogFeeds {
background-image:url("/Files/0/icon-rss-black-20X20.png");
}
.RSSCommentsFeeds {
background-image:url("/Files/0/icon-comment-black-20X20.png");
}
.PBDownload { background-image : url(/Files/0/icon-download-black-20X20.png); }
.SCViewLog { background-image : url(/Files/0/icon-salespolicy-black-20X20.png); }
.useraccount .EditProp, .useraccount .EditPW, .useraccount .ViewOrders , .useraccount .ReloadOrder , .useraccount .ViewFiles , .useraccount .LogOut { background-position : left center; background-repeat : no-repeat; line-height : 34px; padding : 0 0 0 30px; }
.useraccount .EditProp { background-image : url(/Files/0/icon-update-black-20X20.png); }
.useraccount .EditPW { background-image : url(/Files/0/icon-payement-black-20X20.png); }
.useraccount .ViewOrders { background-image : url(/Files/0/icon-SCViewInvoice-black-20X20.png); }
.useraccount .ReloadOrder { background-image : url(/Files/0/icon-reload-black-20X20.png); }
.useraccount .ViewFiles { background-image : url(/Files/0/icon-download-black-20X20.png); }
.useraccount .LogOut { background-image : url(/Files/0/icon-error-black-20X20.png); }
#blockuserlogout .viewaccountinfo a, #blockuserlogout .logout a {
background-color:#060042;
color:#FFFFFF;
display:inline-block;
height:24px;
line-height:24px;
margin:0 0 10px;
padding:0 10px;
width:auto;
}
#blockuserlogout .viewaccountinfo a:hover, #blockuserlogout .logout a:hover {
background-color:#DDDDDD;
color:#060042;
}
.viewtbl { border-collapse : collapse; border-spacing : 0; width : 100%; }
.viewtbl table { border-collapse : collapse; }
.viewtblsplitted { }
.viewtblsplitcol1 { }
.viewtblsplitcol1content { }
.sectiontb { width: 98%; margin : 0; padding : 0; }
.sectiontbarea { margin : 0; padding : 0; }
.sectiondata {
margin:0 0 20px;
background:#FFF;
border-radius:4px 4px 0 0;
margin-right: 2%;
}
.webblock .viewtbl:not(.viewtblsplitted) .sectiondata { border : none; margin : 0; }
.webblock .viewtblsplitcol1 .sectiondata, .webblock .sectiondata { border : none; margin : 0; }
.sectiondataarea { padding : 0 ; margin :0; }
.sectiondata .sectioncatheader { border : none; height : auto; margin : 0; }
ul.subcatlist li { border-left : 1px solid #ccc; display : inline-block; padding : 0 5px; width : 23%; }
.subcatlisttitle { border-bottom : 1px solid #EBEBEB; padding : 0 0 5px; }
ul.subcatlist { margin : 0; padding : 10px 0 0; width : 100%; }
ul.subcatlist li a .PBMainTxt { color : #666; font-family : arial, sans-serif; font-size : 11px; font-weight : normal; }
ul.subcatlist li a:hover .PBMainTxt {
color:#060042;
}ul.subcatlist li a:hover { text-decoration : none; }
.navbar { margin-top : 12px; }
.navbar select { font-size : 12px; font-style : normal; font-weight : normal; padding : 0; }
.navbar ul { list-style-type : none; margin : 0; padding : 0; }
.navbar li { border : none; display : inline; display : inline-block; margin : 0; padding : 0; }
.navbar select { background-color : #fff; color : #000; }
a span.navfirst, a span.navprev, a span.navnext, a span.navlast { margin : 0 5px; }
div.navbar span {
border:none;
border-style:solid;
border-width:0 0 2px;
color:#060042;
font-size:14px;
font-style:normal;
font-weight:normal;
margin:0 3px;
padding:3px 5px;
white-space:nowrap;
}
div.navbar span.off { border-style : solid; border-width : 0 0 2px; }
.navbar a:hover { color : #333; font-weight : bold; text-decoration : none; }
.navbar a, .navbar a:visited, .navbar .off, .navbar a:hover span, div.navbar span.off {
color:#d22630;
text-decoration:none;
font-weight: bold;
}
#footercontainer {
border:none;
color:#666;
margin:0;
padding: 0;
width:100%;
background-image:none;
background-position:center top;
background-repeat:no-repeat;
}
#footerarea {
margin : 0 auto;
position : relative;
}
#footermenu {
margin: 0 auto;
padding: 20px 0;
width: 960px;
min-height : 80px;
}
#fmenu {
line-height:23px;
list-style-type:none;
margin: 0;
padding: 0;
text-align:left;
float:left;
width:100%;
}
#fmenu li {
*display:inline;
*float:left;
display:inline-block;
margin:0 15px 0 0;
padding:0 0;
width:auto;
}
#fmenu li.menusep { }
#fmenu li.begin, #fmenu li.end { display : none; }
#fmenu li.misep { display : none; }
#fmenu li.mispacer { vertical-align : middle; }
#fmenu li img { max-height : 20px; max-height : 22px; vertical-align : middle; }
#fmenu li.mititle a, #fmenu li.mititle span {
color:#FFFFFF;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:12px;
font-weight:bold;
padding: 0;
}
#fmenu li.mitext a, #fmenu li.mitext span {
color:#FFFFFF;
font-size:11px;
font-weight:normal;
}
#fmenu li.mitext a:hover, #fmenu li.mititle a:hover {
color:#A4A4BE;
text-decoration:none;
transition:all 0.5s ease-out;
}
#poweredby, #copyright {
display:none;
width:100%;
background-color:#060042;
line-height:40px;
text-align:center;
}
#poweredby a span,#copyright span {
color:#FFFFFF;
font-size:11px;
line-height:20px;
padding:5px;
}
#poweredby a:hover, #poweredby a:hover span { text-decoration : underline; }
a.btnmain { }
a.btnmain span {
background-color: #FFF;
background-image: none;
border: 1px solid #EBEBEB;
color: #060042;
cursor: pointer;
display: table-cell;
font-family: 'ubuntu', 'Open Sans', helvetica, arial, sans-serif;
font-size: 12px;
line-height: 24px;
margin: 10px 0;
padding: 0 15px;
white-space: nowrap;
border-radius: 4px;
}
a.btnmain:hover span {
background-color:#060042;
border:1px solid #060042;
color:#FFF;
text-decoration:none;
transition:all 0.5s ease-out;
}
a.btnmain small { font-family : arial, sans-serif; font-size : 12px; font-weight : bold; line-height : 100%; }
a.btnmain:hover { text-decoration : none; }
a#btnsearch:hover, a#btnviewcart:hover { text-decoration : none; }
a.btnsub {
color: white;
font-size: 12px;
font-weight: lighter;
margin: 10px 10px 10px 10px;
text-transform: uppercase;
}
a.btnsub:hover {
color:#A4A4BE;
text-decoration:none;
}
#btnemailfriend { background-image: url(http://hapie.oxatis.com/Files/117754/Img/12/boutongris1.png);
background-repeat: no-repeat;
background-size: contain;
width: 224px;
text-align: center;
display: inline-block;
padding-top: 4px;
}
#btnaddtofav { background-image: url(http://hapie.oxatis.com/Files/117754/Img/01/brcoeur.png);
background-repeat: no-repeat;
background-size: contain;
width: 221px;
text-align: center;
display: inline-block;
padding-top: 4px;
}
#btnsearchnow { margin : 0; }
.PBPTitle {
color:#060042;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:18px;
font-weight:normal;
}
.scshopcart .PBPTitle ,
.scorderform .PBPTitle ,
.scpaymentform .PBPTitle ,
.scshopcart .PBPTitle ,
.scshipform .PBPTitle ,
.scpaymentform .PBPTitle ,
.scconfirmform .PBPTitle { display : block; margin-top : 10px; }
.PBSTitle { color : #000000; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 16px; }
.PBMainTxt {
color:#060042;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:14px;
font-style:normal;
font-weight:600;
}
.PBCatTitle { display: none; color : #666; font-size : 14px; font-weight : normal; }
.PBCurrency {
color:#060042;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:18px;
font-weight:600;
}
.cartlinetotal .PBCurrency { font-size : 14px; font-weight : 600; }
.PBQty { color : #333; font-size : 12px; font-weight : normal; }
A.PBBtnStd { color : #333; font-size : 12px; font-weight : normal; text-decoration : none; }
A.PBBtnStd:hover, .useraccount .menulist A.PBBtnStd:hover {
color:#060042;
text-decoration:none;
}
.PBEcoPart .PBBtnStd, .PBEcoPart { font-family : 'ubuntu', helvetica, arial, sans-serif; font-size : 11px; }
.itemlist .viewtbl td { padding : 0; }
.itemlist .viewtbl .oxcell { height : 100%; padding : 0 20px 20px 0; }
.itemlist .viewtbl .oxlastcol { padding : 0 0 20px 0; }
.itemlist .oxcell .sectiondata { margin : 0; }
.itemlist .viewcell, .itemlist .datatbl { height : 100%; }
.itemlist .datatbl .sectiondata { display : block; list-style : none; margin : 0; position : relative; }
.itemlist .PBMainTxt {
color:#060042;
text-transform: uppercase;
}
.blogarticles .viewcell .sectiondata { height : auto; }
.blogarticles .sectiontbarea { margin : 0 0 20px; }
.blogarticles .commentfooterlabel , .blogarticles .commentseparator , .blogarticles .commentfooterdate { color : #222; }
.searchpage td { vertical-align : middle; }
.itemdetail .PBMainTxt { color : #333; font-size : 16px; font-weight : normal; }
.itemdetail .PBItemTitle { color : #000000; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 16px; font-weight : 400; margin-left: 135px; }
.itemdetail .PBMainTxt.PBUpSellPdtTitle, .itemdetail .PBMainTxt.PBRelatedPdtTitle {
color:#060042;
display:block;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:14px;
font-weight:600;
margin: 0;
padding: 0;
}
.itemdetail .qtyZone {
margin-top: 5px;
}
.itemdetail .PBOptionInfo .PBMainTxt { color : #333; font-size : 14px; text-transform : none; }
.itemdetail .sectiondataarea .PBOptImgTable span.PBMainTxt {
color:#060042;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:12px;
font-weight:normal;
text-transform:none;
}
.itemdetail .PBItemPrice .PBCurrency { font-size : 22px; }
.PBTable.discountgrid tr:first-child {
background-color:#060042;
}
.discountgrid .PBMainTxt { color : #000000; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 14px; }
.PBTable.discountgrid tr:first-child .PBMainTxt {
color:#FFFFFF;
}
.itemdetail .PBItemSku .PBShortTxt { font-size : 11px; }
.itemdetail .PBTable .PBCurrency { font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 12px; }
.itemdetail .PBLayoutTable .PBCurrency { font-size : 18px; }
.PBUpsellTable, .PBRelPdtTable { border : none; }
.PBLayoutTable {
width: 75%;
border: 1px solid #EBEBEB;
margin: 20px;
padding: 0px;
}
.PBLayoutTable, .PBLayoutTable TD {
border-collapse: collapse;
padding: 1;
margin: 1;
border: 0px;
background-color: #fafafa;
}
.PBLayoutTable:hover { box-shadow : 1px 1px 5px 0 rgba(0, 0, 0, 0.1); transition : all 0.5s ease-out; }
.PBLayoutTable img { margin : 5px; }
.itemdetail .PBItemPrice .PBStrike, .itemdetail .PBItemPrice .PBDiscount,
.itemlist .PBItemPrice .PBStrike, .itemlist .PBItemPrice .PBDiscount { color : #000000; display : block; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 12px; font-weight : normal; }
.itemdetail .PBEcoPart { font-size : 60%; }
.discountgrid { border-collapse : collapse; }
.discountgrid .PBDiscount { color : #333333; font-size : 12px; font-weight : normal; }
.PBRelPdtTable TD, .PBUpsellTable TD { border : none; }
.itemdetail .PBTable, .itemdetail .PBOptLstTable, .itemdetail .PBOptImgTable { border-collapse : collapse; }
.itemdetail .PBTable td, .itemdetail .PBOptLstTable td, .itemdetail .PBOptImgTable td { padding : 5px; }
.PBTable, .PBTable TH, .PBTable TD, .PBOptLstTable, .PBOptLstTable TH, .PBOptLstTable TD, .PBOptImgTable, .PBOptImgTable TH, .PBOptImgTable TD, .PBRelPdtTable TH { border : 1px solid #ebebeb; }
.PBOptLstTable tr:first-child {
background-color:#060042;
}
.PBOptLstTable .PBColHead b {
color:#222222;
font-family:arial, sans-serif;
font-size:12px;
line-height:20px;
background-color:#060042;
}
.sectiondata .shopcarttable { border-collapse : collapse; width : 100%; }
.shopcarttable td { border : none; *border : 1px solid #454545; padding : 5px; text-align : right; }
.shopcarttable .imgshopcart {
display: block;
float: left;
margin: 0 20px 20px 0;
max-width: 150px;
max-height: 150px;
}
.shopcarttable td.cartlinename { text-align : left; }
.carthead td, tr.carttotallines td .PBColHead, tr.cartdiscount td .PBColHead, tr.cartsubtotal td .PBColHead { font-style : normal; }
.cartsubtotal .PBCurrency, .carttotalprice .PBCurrency {
font-size: 16px;
font-weight: 700;
}
.shopcarttable tr {border: 1px solid #ebebeb;}
.shopcarttable .itemcode { color : #333; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 12px; font-weight : normal; }
.scshopcart .PBMainTxt { font-family : arial, sans-serif; font-size : 12px; font-style : normal; font-weight : normal; }
.scshipform .PBSTitle, .scconfirmform .PBSTitle, .scorderform .PBSTitle, .scpaymentform .PBSTitle {
color:#060042;
display:block;
display:list-item;
font-size:16px;
font-weight:normal;
line-height:30px;
list-style:square inside none;
}
.scshipform .PBMainTxt, .scpaymentform label .PBMainTxt, .scconfirmform .sectiondata .PBMainTxt { color : #000000; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 13px; font-style : normal; font-weight : normal; }
.scpaymentform .sectiondata { border-color : #EBEBEB; border-style : solid; border-width : 0 0 1px 0; margin : 5px; padding : 0 0 10px; }
.scpaymentform .carttotalprice .pbcurrency { font-size : 18px; font-style : normal; }
.scconfirmform .carttotalprice .pbcurrency { font-size : 18px; font-style : normal; }
.cartlineprice .PBCurrency, .cartdiscount .PBCurrency, .carttotallines .PBCurrency, .carttaxprice .PBCurrency, .cartshipprice .PBCurrency, .cartecotaxprice .PBCurrency { color : #666; font-family : arial, sans-serif; font-size : 14px; font-weight : normal; }
.PBDate {
color:#30304E;
font-size:12px;
font-style:normal;
font-weight:bold;
}
.PBNumber { color : #000000; font-size : 14px; font-style : normal; font-weight : bold; font-family :'Ubuntu','Open Sans', helvetica, arial, sans-serif; }
.PBShortTxt { color : #666; font-family :'Ubuntu','Open Sans', helvetica, arial, sans-serif; font-size : 11px; line-height : 20px; }
.PBLongTxt { color : #999; font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif; font-size : 12px; line-height : 20px; }
.PBColHead { color : #666; font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif; font-size : 12px; line-height : 20px; }
.PBStatic {
color : #222;
font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-size : 14px;
font-weight : bold;
}
.PBMsg { color : #666; font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif; font-size : 14px; }
.PBErrMsg { color : #FF0000; font-size : 12px; font-weight : bold;font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif; }
.PBReqNote { color : #222; font-size : 12px; font-style : italic; font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif; }
.PBStrike , .PBDiscount { color : #333; font-size : 11px; font-weight : normal;font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif; }
hr.PBMain { background-color : #000; border : none; height : 1px; }
hr.PBSub { background-color : #ccc; border : none; height : 1px; }
textarea.PB { background-color: #fafafa; color : #222; font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif; font-size : 12px; font-style : normal; }
select.PB {border-radius: 4px; background-color : #fff; border : 1px solid #ebebeb; color : #222; font-size : 12px; font-style : normal; margin : 0; padding : 3px 5px; }
input.PB { color: #222;
font-style: normal;
text-align: left;}
input[type="button"], input[type="submit"], button, .blockfacet .blockbtn {
background-color: #060042;
border: 1px none transparent;
color: white;
font-size: 12px;
height: 17px;
line-height: 28px;
padding: 0 10px;
vertical-align: middle;
font-weight: 300;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .blockfacet .blockbtn:hover {
background-color:transparent;
border:1px none transparent;
cursor:pointer;
transition:all 0.5s ease-out;
}
input.PBBtnStd {
background-color: #f9f9f9;
font-family: 'Open Sans', helvetica, arial, sans-serif;
font-size: 12px;
height: 30px;
line-height: 30px;
padding: 0 10px;
text-transform: uppercase;
border-color: #ccc;
color: #222;
}
input[type="radio"], input[type="checkbox"] { border : none;background-color:transparent; margin: 10px; }
a.PBLink { font-size : 12px; text-decoration : none; }
a.PBLink:hover { text-decoration : none; }
.faq a.PBLink:hover .PBMainTxt {
color:#A4A4BE;
}
.imgthumbnail, .imgmain { margin : 20px; }
.imgmain { margin-right : 20px; }
.imgcontainer { float : right; margin-left : 20px; }
#bodycolumn1 #blockfacets.blockshortcut {
text-align : center;
}
#bodycolumn1 #blockfacets.blockshortcut input { background-color : #eee; }
#bodycolumn1 #blockfacets.blockshortcut input[type="radio"], #bodycolumn1 #blockfacets.blockshortcut input[type="checkbox"] { background-color : transparent; }
.blockfacets select.facetlist { border : none; padding : 5px; width : 90%; background-color : #eee;}
.blockfacet { margin : 0 0 10px; }
.blockmktg .title {
color:#060042;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:13px;
font-weight:600;
line-height:30px;
text-align:center;
text-decoration:none;
margin:0 0 20px;
background-color:#FFF;
border-bottom:3px solid #30304E;
border-radius:4px 4px 0 0;
}
.blockmktg .itemlist .PBItemImg { float : none; margin : 0; text-align : center; }
.blockmktg .itemlist .imgthumbnail { width : 100px; }
.blockmktg .itemlist .PBItemPrice, .blockmktg .itemlist .PBItemName { margin : 0; text-align : center; }
.blockmktg .itemlist .PBShortTxt { color : #000; font-size : 12px; }
.blockmktg .itemlist .PBItemPrice .PBCurrency { font-size : 16px; }
.blockmktg .itemlist .sectiondata { border : none; height : auto; margin : 0 0 10px; padding : 0; }
.sectiondata.sectionsubcatlist { padding : 0px; }
#blockuserlogout .logout, #blockuserlogout { display : block; text-align : center; }
#blockmktgrecentlyviewed .title { font-size : 13px; }
#searchformBtn { margin : 0; }
.useraccount .menulist A.PBBtnStd { color : #000000; font-size : 12px; font-weight : normal; }
.useraccount ul.menulist { list-style : none outside none; margin : 0; padding : 0; }
.userlogin .sectiondataarea {}
.userlogin .sectiondata { }
.userlogin #sectionlogin .sectiondata { border : 1px solid #EBEBEB; margin : 10px; padding : 10px; }
.userlogin #sectionlogin .sectiondataarea { margin : 0; padding : 0; }
.userlogin .sectionloginMsg .sectiondata { border : medium none; margin : 0; padding : 10px; }
.userlogin #sectionlogin .loginHeader {
border-bottom: none;
padding: 31px 0;
text-align: center;
background-color: #eeeeee;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/16/Triangle-blanc-hapie.png);
background-repeat: no-repeat;
background-position: center;
}
.userlogin #sectionlogin .loginHeader .PBSTitle{
color:#30304E;
}
.PBShortTxt.PBMsgInStock, .PBShortTxt.PBMsgStockLvl, .PBMsgDaysToShip, .PBMsgAvailSupplier, .PBMsgDiscontinued, .PBShortTxt.PBMsgOutOfStock { background-repeat : no-repeat; color : #000000; display : block; font-size : 12px; font-weight : normal; height : 15px; line-height : 12px; margin : 10px 0; padding : 0; text-align : right; }
.PBMsgDiscontinued, .PBShortTxt.PBMsgOutOfStock {
color:#060042;
}
.PBEcoPart {
border-bottom:1px solid #CCC;
color:#060042;
font-weight:normal;
height:auto;
line-height:20px;
margin:0 0 10px;
max-width:120px;
padding: 0;
text-align:center;
width:-moz-max-content;
}
a.homeLink {
background-image:url("/Files/0//icon-Home-white-20X20.png");
background-repeat:no-repeat;
display:block;
height:40px;
left: 0;
position:absolute;
bottom:-39px;
width:40px;
background-position:center;
border-bottom:3px solid #30304E;
}
a.homeLink span {
display: none;
}
#les3headder #headerSearchBlock .blockbtn {
background-color: transparent;
cursor: pointer;
display: inline-flex;
float: left;
height: 24px;
line-height: 28px;
margin: 0px 0px 0px 3px;
padding: 0;
width: 13px;
border: none;
background-image: url(/Files/0//icon-search-white-20X20.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 3px;
top: -2px;
}
#les3headder #headerSearchBlock .searchtext{
height: 19px;
line-height: 26px;
margin: 0px;
padding: 0px;
width: 252px;
text-indent: 10px;
font-size: 11px;
background-color: transparent;
color: white;
text-align: left;
font-weight: 300;
position: absolute;
left: 18px;
bottom: 3px;
}
#les3headder #headerSearchBlock{
position: relative;
border-radius: 6px;
border: 1px solid white;
z-index: 300;
height: 21px;
margin-top: 6px;
width: 283px;
margin-left: 16px;
}
#headerSearchBlock {
bottom: auto;
height: 30px;
line-height: 30px;
margin: auto;
margin-right: auto;
position: absolute;
right: auto;
text-align: center;
border-radius: 8px;
border: 1px solid white;
z-index: 300;
}
#headerSearchBlock form { font-size : 0; margin : 0; }
#headerSearchBlock .blockbtn {
background-color: transparent;
cursor: pointer;
display: inline-flex;
float: left;
height: 28px;
line-height: 28px;
margin: 0 0 0 0;
padding: 0;
width: 40px;
border: none;
background-image: url(/Files/0//icon-search-white-20X20.png);
background-position: center;
background-repeat: no-repeat;
}
#headerSearchBlock .blockbtn span { display:none; }
#headerSearchBlock .blockbtn:hover {
background-color:#A4A4BE;
cursor:pointer;
transition:all 0.5s ease-out;
}
#headerSearchBlock .blockbtn:hover span {
color:#060042;
transition:all 0.5s ease-out;
}
#headerSearchBlock .searchtext {
float: right;
height: 26px;
line-height: 26px;
margin: 1px;
padding: 0;
width: 60px;
text-indent: 10px;
font-size: 12px;
background-color: transparent;
color: white;
text-align: left;
}
#headerSearchBlock input { border:none;}
#headerInfoCart {
color: #666;
display: block;
font-size: 11px;
height: 20px;
padding: 0 0 0 25px;
position: absolute;
right: 0;
top: 20px;
background-image: url(/Files/0//icon-cart-black-20X20.png);
background-position: left center;
background-repeat: no-repeat;
}
#headerInfoCart:hover, #headerInfoCart:hover a {
cursor: pointer;
}
#headerInfoCart .cartPrice {
padding:0 5px;
font-family:arial, sans-serif;
font-size:12px;
background-color:#30304E;
border-radius:4px;
line-height:20px;
color:#FFFFFF;
display:inline-block;
}
a#btnordernow span, a#btnviewinvc span, a#btncheckout span, .itemdetail a#btnaddtocart.btnmain.btnaddtocart span, a#btncontinue span, .itemdetail a#btnreqinfo span {
background-color: #060042;
border: 1px solid #060042;
color: #FFFFFF;
cursor: pointer;
font-size: 16px;
margin: 10px 0;
padding: 5px 15px;
display: inline-block;
}
.userlogin .loginValid a.btnmain span {
background-color: transparent;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/21/bouton-rouge-hapie.png);
color: #FFFFFF;
cursor: pointer;
font-size: 16px;
margin: 10px 0;
padding: 5px 15px;
background-size: cover;
border: none;
background-repeat: no-repeat;
}
.userlogin .loginValid a.btnmain:hover span {
background-color: transparent;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/21/bouton-rouge-hapie.png);
color: #060042;
cursor: pointer;
font-size: 16px;
margin: 10px 0;
padding: 5px 15px;
background-size: cover;
border: none;
background-repeat: no-repeat;
}
#sectionlogin .loginValid
{
padding: 5px;
text-align: center;
clear: both;
margin-top: 10px;
}
a#btnordernow:hover span, a#btncheckout:hover span, .itemdetail a#btnaddtocart.btnmain.btnaddtocart:hover span, .scorderform a#btncontinue:hover span, .scshipform a#btncontinue:hover span, .scpaymentform a#btncontinue:hover span, .itemdetail a#btnreqinfo:hover span, a#btnviewinvc:hover span {
background-color:#A4A4BE;
border:1px solid #A4A4BE;
color:#fff;
text-decoration:none;
}
a#btnquotation { display: block;}
a#btnquotation span {
background-color:transparent;
background-image:url("/Files/0/icon-salespolicy-black-20X20.png");
background-position:2px 0px;
background-repeat:no-repeat;
border:none;
color:#060042;
font-size:14px;
line-height:20px;
margin: 0;
padding:0 6px 0 24px;
text-decoration:none;
text-shadow:none;
}
a#btnquotation:hover span { color : #333; }
a#btnordernow span { margin : 0; }
.shopcarttable tr.carthead td { text-align : left; padding : 5px 10px; }
.shopcarttable tr.carthead {
line-height: 24px;
text-align: center;
}
.shopcarttable tr.carthead .PBColHead {
font-family: 'ubuntu', helvetica, arial, sans-serif;
font-size: 12px;
font-weight: 700;
}
.imgcat { margin : 10px; }
.PBItemSku { display : block; margin : 5px 0; margin-left: 135px; }
.PBOptionInfo { margin : 5px 0; }
.blockfacets .title {
background-color:#060042;
color:#FFFFFF;
font-family:'ubuntu', helvetica, arial, sans-serif;
font-weight:normal;
line-height:24px;
margin:0 0 10px;
padding:0 0 0 5px;
text-align:left;
font-size:13px;
}
.blockfacets .facetlist { line-height : 20px; }
.blockfacets .blockarea { margin : 0 0 10px; position : relative; }
.blockfacets .facetreset { position : absolute; right : 9px; top : 9px; }
.blockfacets div.facetreset a {
background-color:#060042;
background-image:url(/Files/0/icon-close-white-15x15.png);
background-position:center center;
background-repeat:no-repeat;
background-size:100% auto;
display:block;
height:13px;
width:13px;
}
.blockfacets .facetreset span { display : none; }
.blockfacets .facettypecheckbox .facet, .blockfacets .facettyperadio .facet { padding : 0 2px; }
.blockfacets .facettyperadio .selectedfacet {
background-color:#A4A4BE;
border-radius:4px;
color:#ffffff;
}
.blockfacets .facettyperadio #facetvalue0 { background-color : transparent; color : #000000; }
:root *> .blockfacets .facettypecheckbox .facetinput, :root *> .blockfacets .facettyperadio .facetinput { display : none; }
:root *> .blockfacets .facettypecheckbox label, :root *> .blockfacets .facettyperadio label { background-image : url(/Files/0/icon-CheckBoxOFF-black-15X15.png); background-position : 2px 2px; background-repeat : no-repeat; padding : 2px 0 2px 24px; }
:root *> .blockfacets .facettypecheckbox .selectedfacet label { background-image : url(/Files/0/icon-CheckBoxOn-black-15X15.png); }
:root *> .blockfacets .facettyperadio .selectedfacet label { background-image : url(/Files/0/icon-radioBoxOn-black-15X15.png); }
.blockfacet input.facetrangemodified, .blockfacet input.facetrange:focus {
color:#060042;
font-weight:bold;
}
.facettypevaluegrid .selectedfacet .facetvalue, .blockfacet select.selectedfacet {
background-color:#A4A4BE;
color:#FFF;
border-color:#A4A4BE;
font-size:13px;
}
.facettypevaluegrid .facetvalue, .facettypevaluegrid .facetvalue:hover {
margin: 0 3px;
background-color: #F9F9F9;
padding: 0 10px;
border: 1px solid #CDCDCD;
cursor: pointer;
color: #999;
display: block;
text-decoration: none;
border-radius: 4px;
line-height: 30px;
font-size: 13px;
}
/* attention PBCompTitle none */
.PBCompTitle { display : none; margin : 0 0 5px; }
.faq .PBMainTxt { font-size: 12px;}
.scpaymentform .sectiondataarea td, .scshipform .sectiondataarea td { vertical-align : middle; }
.sectiondataarea table#PBPdtOptions { border-collapse : separate; border-spacing : 5px; vertical-align : middle; }
.sectiondataarea #PBPdtOptions td { vertical-align : middle; }
#blockfacets input.facetrange { width : 25%; }
.facetinput { height : 100%; margin : 0; vertical-align : middle; }
.scorderform .sectiontb, .userlogin .sectiontb { margin : 0; }
/*Classes appliquées aux WebBlocks*/
.designBackColorMain, .designBackColorMainHover:hover {
background-color:#060042;
}
.webblock .view .designBackColorMain, .webblock .view .designBackColorMainHover:hover {
border-radius : 4px;
}
.designBackColorMain:hover {
background-color:#A4A4BE;
}
.designColorMain, .designColorMainHover:hover {
color:#060042;
}
.designColoredSub {
color:#30304E;
}
.designBackColorSub {
background-color:#30304E;
}
.designTextColorMain, .designTextColorMainHover:Hover , .designBackColorMainHover:hover .designTextColorMainHover, .designColoredSub:hover {
color:#FFFFFF;
}
.designTextColorSub {
color:#FFFFFF;
}
.designBackColorTer { background-color : #ebebeb; }
.designTextColorTer { color : #fff; }
#expDiaporama .tagListElements a.tagLinks { background-color : #fff; }
#expDiaporama .tagListElements a.taghighlighted {
background-color: #746480;
}
.scorderform .PBSTitle, .infoform .PBSTitle {
display : list-item;
line-height : 30px;
list-style : none;
}
label[for="SalesPolicy"] {
border-bottom:3px solid #060042;
color:#060042;
display:inline;
display:inline-block;
font-size:16px;
font-weight:bold;
height:30px;
line-height:30px;
margin:10px 5px;
padding:0 10px;
}
.PBSubTitle td { width : 500px; }
.useraccount .viewtbl table { border-collapse : collapse; }
.useraccount .PBTable TD { padding : 5px; vertical-align : middle; }
.useraccount .PBTable th { padding : 5px; }
.viewtbl table.PBTable { border-collapse : collapse; }
.viewtbl table.PBTable td { padding : 5px 10px; }
.PBTable TD, .PBOptImgTable TD { vertical-align : middle; }
.speechBubble:after {
border-color:transparent #060042 transparent transparent;
border-style:solid;
border-width:0px 25px 17px 0px;
top:100%;
content:" ";
height:0px;
left:40px;
position:absolute;
width:0px;
}
.speechBubble {
position:relative;
height:4px;
background-color:#060042;
margin-top:15px;
}
body.PB .speechBubble {
display : block;
}
#stepsContainer {
border-bottom : 1px solid #ccc;
display : block; height : 12px;
margin : 0;
margin-bottom : 20px;
padding : 0;
position : relative;
width : 99%;
margin-top: 2%;
}
#stepsContainer li {
display : inline-block;
float : left;
position : relative;
text-align : left;
width : 24%;
}
li#stepConfirm {
position : absolute;
right : 0;
top : 0;
width : auto;
}
#stepsContainer li span {
background-color: #fdfdfd;
border: 1px solid #bababa;
color: #fdfdfd;
display: block;
font-family: arial, sans-serif;
font-size: 13px;
font-weight: normal;
height: 24px;
line-height: 24px;
text-align: center;
width: 24px;
border-radius: 11px;
}
.scshopcart #stepCart span, .usercreateaccount #stepAccount span, .scorderform #stepAccount span, .scshipform #stepShipping span, .scpaymentform #stepPayment span, .scconfirmform #stepConfirm span {
background-color: #abd571;
border: 1px solid #abd571;
color: none;
}
.scshopcart #stepCart, .usercreateaccount #stepAccount, .scorderform #stepAccount, .scshipform #stepShipping, .scpaymentform #stepPayment, .scconfirmform #stepConfirm, .scconfirmform #stepsContainer #stepConfirm { top : 0; }
.scconfirmform #stepsContainer li { top : 5px; }
.hotnews .PBItemName h3, .articletitle .PBSTitle {
color:#060042;
font-family: 'ubuntu','Open Sans', helvetica, arial, sans-serif;
font-size:13px;
margin-bottom:5px;
font-weight:600;
}
.guestbook .PBLink .PBMainTxt {
display: block;
font-family: 'ubuntu','Open Sans', helvetica, arial, sans-serif;
margin-left: 15px;
}
.ecatalogSearch {
display:none;
}
.eshopCart, .eshopSearch {
display : inline-block;
}
.itemlist .PBItemButtons { display: none;}
.boutonfichprod {
padding-left: 15%;
}
.PB .OxFullClickActive { box-shadow : 0 0 0 1px #ccc; }
.itemlist .PBItemDesc1, .itemlist .PBItemButtons, .itemlist .PBItemPrice { margin : 10px 0; }
body.PB ul.catbreadcrumb li a {
color:#666666;
}
body.PB ul.catbreadcrumb li:nth-last-child(1) a {
font-weight:600;
color:#060042;
}
body.PB ul.catbreadcrumb { display : block; }
div.sectiondata.sectioncatheader {
border-bottom:3px solid #30304E;
border-left:none;
border-right:none;
border-radius:4px 4px 0 0;
}
.sectiondata .shopcarttable td { padding : 10px; }
.blockmktg .itemlist .item {
margin:0 0 20px;
background-color:#FFF;
border-bottom:3px solid #30304E;
border-radius:4px 4px 0 0;
}
.blockfacet label:hover { font-weight: bold;}
.blockshortcut.blockmktg {
background: none;
padding: 0;
}
div.subcatlisttitle {
margin: 0 0 10px;
}
#loginSocial .loginSocialImg {
float: left;
width: 100%;
padding: 10px;
text-align: center;
}
[cs-login]{
bottom:1px;
left:auto;
right:20px;
position:absolute;
}
/************** DEBUT DES PAGES ******************/
/************** PACK DÉCOUVERTE 07 ******************/
.packfontaine {
background-image: url(http://www.hapie.net/Files/117754/Img/02/les-nouveautes-hapie.jpg);
background-repeat: no-repeat;
background-size: cover!important;
text-align: center;
background-color: #4d4d4d;
background-position-x: 71%;
color: white;
padding-top: 11%;
padding-right: 60%;
}
.applicationmin img {margin-left: 15px!important;}
/************** PACK DÉCOUVERTE 04 ******************/
.packdecouverte04 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/20/header-packs-decouverte.jpg);
background-repeat: no-repeat;
background-size: cover!important;
text-align: center;
background-color: #4d4d4d;
background-position-x: 71%;
color: white;
padding-top: 11%;
padding-right: 60%;
}
.packdecouverte04 table , .packfontaine table{ background-color: white; opacity: 0.6; }
.packdecouverte04 table h1, .packfontaine table h1 {
text-align: left;
margin: 10px 35px;
}
/************** NOUS REJOINDRE 05 ******************/
.nousrejoindre01 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/16/nsrejoindrefondhead.jpg);
background-repeat: no-repeat;
text-align: center;
background-color: #060143;
background-size: 100%;
background-position-x: 4%;
color: white;
background-position-y: 74%;
padding-top: 10%;
}
.nousrejoindre01 h1 { text-align: left;
margin-top: -3%;
margin-left: 25%;}
.lemotduprez {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/18/nsrejoindrebandeaumain.jpg) ;
background-attachment: scroll;
background-position: center;
display:table ;
text-align: center;
vertical-align: middle;
width: 100%;
}
.lemotduprez p { background-color: transparent;
color: white;
font-weight: 300;
font-size: 28px;
min-height: 280px;
}
.bandeaurouge {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/21/bandeaurouge.jpg) ;
background-size : cover ;
background-attachment: scroll;
background-position: center;
text-align: center;
vertical-align: middle; min-height: 63px; ;
}
.bandeaurouge p { vertical-align: middle; }
/* annonces */
div.spoiler {
padding: 20px 10px 10px 10px;
width: 100%;
border: 1px solid black;
position: relative;
background-color: #fafafa
}
.spoiler {background-color: #fafafa ;
min-height: 55px;
border-collapse: collapse;
margin: -13px;
display: block;
}
div.spoiler input.boutonSpoiler {
position: absolute;
top: 0px;
left: 5px;
}
.contenuSpoiler .offredemploi { position: relative; top: 0;}
div.spoiler div.contenuSpoiler {
display: none;
}
.spoiler .boutonSpoiler { height: 45px;
color: white;
font-size: 12px;
left: 30px;
top: ;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
}
.spoiler .boutonSpoiler:hover { background-color:grey; height: 45px;;
color: white;
font-size: 12px;}
.contenuSpoiler { display: none; }
#maincontainer .spoiler {
margin: 0px 0px 0px 0px;
padding: 0;
width: 100%;
font-weight: 300;
}
/************** CONTACT 06 ******************/
.contact06 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/10/fond-phone.jpg);
background-repeat: no-repeat;
text-align: center;
background-color: #060143;
color: white;
background-position-y: 19%;
background-size: cover;
padding-top: 10%;
padding-right: 20%;
}
.contact06 h1 { text-align: left;
margin-top: 13%;
margin-left: 25%;}
.bandeaubleu {background-color: #060042; background-image: url(http://hapie.oxatis.com/Files/117754/Img/06/grandfondbleu.jpg);
color:white; margin-top: -1px; }
.bandeaubleu table {
border-spacing: 65px 0;
}
.bandeaubleu table th { margin-left: 15px; margin-right: 15px; }
.imgconfer { vertical-align: top;
position: relative;
top: -80px;
width: 290px;
margin-left: 70px;}
.nsrejoindreoffemp {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/06/costume-image-banniere.jpg);
background-repeat: no-repeat;
background-position: center;
background-color: #eceeed;
background-position-x: 91px;
background-position-y: 21px; }
.nsrejoindreoffemp th { }
.nsrejoindreoffemp table { width: 100%;
height: 350px;}
.gauchebleu { min-height: 150px; background-color: #060042;}
.droiteblanc {min-height: 47px; background-color: #eee;}
.imgtxtgrt {font-size: 24px; font-weight: 300; font-family:'Ubuntu','Open Sans', helvetica, arial, sans-serif;}
.pleingrisblanc {
height: 64px;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/06/barre-liner-deux-couleur.png);
background-repeat: no-repeat;
line-height: 64px;
background-color: #fafafa;
background-position: center;
background-size: cover;
text-align: center;
}
.midwi {width: 50%}
/************** page produits http://hapie.oxatis.com/Files/117754/Img/18/fond-les-produits-hapie-banner.jpg ******************/
/************** PACK DÉCOUVERTE 04 ******************/
/** 1er div ***/
.fondpack { background-color: #fafafa;}
.tablx6 { width: 100%; ; margin:auto; text-align: center; background-color: #fafafa;}
.minprodut { margin-bottom: 5px; margin-left: 13px;
margin-top: 18px; float: left; }
.tablx6 p { color:#565555; font-weight: 300; margin-left: 13px;
margin-top: 18px; float: left; text-align:left; }
.tablx6 th {
color: white ;
text-align: right;
padding-right: 15px;
font-family : 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-size: 22px;
font-weight: 300;
}
.tablx6 table {
display: inline-block;
text-align: center;
margin: auto;
margin-left: 20px;
margin-right: 20px;
}
.taillpack td { border-left: 1px solid #afafaf;
border-right: 1px solid #afafaf;
}
.taillpack {
border-bottom: 1px solid #afafaf;
display: inline-block;
text-align: center;
margin-left: 60px;
margin-right: 60px;
margin-top: 50px;
}
.mintabl span {
line-height: 12px!important;
}
.mintabl { display: inline-block;
text-align: left;
margin: auto;
margin-left: 6%;
line-height: 15px;
font-size: 12px;
border: none;
color: #b8b8b8;
width: 150px;
height: 82%;
}
.imagmargpack { margin: 3.5%;
}
.mintabl td {
border: none;
}
.pkc1 { background-image:url(http://hapie.oxatis.com/Files/117754/Img/03/antigraf.jpg) ;
background-position: center;
background-repeat: no-repeat;
color: white;
font-size: 23px;
background-size:cover ;
background-color:#fafafa;
width: 448px;
height: 185px;
padding-right: 40px;
font-weight: 300;
text-align: right;
}
.pkc2 { background-image:url(http://hapie.oxatis.com/Files/117754/Img/23/maintenancebati.jpg) ;
background-position: center;
background-repeat: no-repeat;
color: white;
font-size: 23px;
background-size:cover ;
background-color:#fafafa;
width: 448px;
height: 185px;
padding-right: 40px;
font-weight: 300;
text-align: right;}
.pkc3 { background-image:url(http://hapie.oxatis.com/Files/117754/Img/14/automob.jpg) ;
background-position: center;
background-repeat: no-repeat;
color: white;
font-size: 23px;
background-size:cover ;
background-color:#fafafa;
width: 448px;
height: 185px;
padding-right: 40px;
font-weight: 300;
text-align: right;}
.pkc4 { background-image:url(http://hapie.oxatis.com/Files/117754/Img/16/reparationvoiri.jpg) ;
background-position: center;
background-repeat: no-repeat;
color: white;
font-size: 23px;
background-size:cover ;
background-color:#fafafa;
width: 448px;
height: 185px;
padding-right: 40px;
font-weight: 300;
text-align: right;}
.pkc5 { background-image:url(http://hapie.oxatis.com/Files/117754/Img/06/packalim.jpg) ;
background-position: center;
background-repeat: no-repeat;
color: white;
font-size: 23px;
background-size:cover ;
background-color:#fafafa;
width: 448px;
height: 185px;
padding-right: 40px;
font-weight: 300;
text-align: right;}
.px1 {
min-height: 1px ; max-height: 1px; background-color: #fafafa;
}
/** DIV ***/
/** DIV ***/
/** DIV ***/
/************** FIN - PACK DÉCOUVERTE 04 ******************/
/************** CATALOGUE 03 ******************/
/** 1er div ***/
.catalogue01 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/09/header-page-catalogues.jpg);
background-repeat: no-repeat;
text-align: center;
background-color: #eee;
background-size: cover;
margin-top: -122px!important;
}
.catalogue01 h1 {
text-align: left;
margin-top: 6%;
margin-left: 15%;
position: relative;
color: white;
top: 251px;
}
/** 1er ***/
.catx3 {
background-color: #fafafa;
padding:30px;
}
.catal1 { background-image:url(http://hapie.oxatis.com/Files/117754/Img/04/hautcat1.png) ;
background-position: center;
background-repeat: no-repeat;
width:290px;
height: 185px;
background-size:cover ;
background-color:#fafafa; vertical-align: bottom; padding-bottom: 20px; padding-right: 20px;}
.catal2 { background-image:url(http://hapie.oxatis.com/Files/117754/Img/12/hautcat2.png) ;
background-position: center;
background-repeat: no-repeat;
width:290px;
height: 185px;
background-size:cover ;
background-color:#fafafa;vertical-align: bottom; padding-bottom: 20px; padding-right: 20px; }
.catal3 { background-image:url(http://hapie.oxatis.com/Files/117754/Img/18/hautcat3.png) ;
background-position: center;
background-repeat: no-repeat;
width:290px;
height: 185px;
background-size:cover ;
background-color:#fafafa; vertical-align: bottom; padding-bottom: 20px; padding-right: 20px; }
.catx3 table {
display: inline-table;
width: 291px;
margin-left: 25px;
margin-right: 25px;
height: 432px;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.catx3 table td {
border-left: 1px solid #e8e8e8;
}
.tablx62 td, .tablx61 td, .tablx63 td, .tablx64 td, .tablx65 td, .tablx66 td { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; }
.tablx62 , .tablx61 , .tablx63 , .tablx64 , .tablx65 , .tablx66 { border-bottom: 1px solid #e8e8e8;}
.catbout1 { margin-top: 27px; }
.catal1 th { border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.s {vertical-align: top;}
/* ligne blu */
.linergrisinv { margin: 0 ; padding: 0 ;}
.fdbl1 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/21/barblu.jpg);
background-position: center;
background-repeat: no-repeat;
height: 67px;
margin: 0;
padding: 0;
background-size: cover;
background-position-x: 40%;
}
.fdbl12 {
height: 218px;
width: 50%;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/21/nsrejoindrecostume.png);
background-repeat: no-repeat;
background-position: right;
}
.fdbl13 p{
margin-right: 28%;
}.fondgris th { background-color: #eee;}
/************** FIN CATALOGUE 03 ******************/
/************** ENTREPRISE 02 ******************/
/** 1er div ***/
.premierediv {
height: 500px;
vertical-align: middle;
margin-top: -6px;
}
.entreprise01 span {
padding: 12px 32px;
background-color: rgba(147, 147, 147, 0.5);
}
.entreprise01 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/04/fond-entreprise-hapie.jpg) ;
background-size : cover ;
background-attachment: scroll;
line-height: 40px;
text-align: center;
vertical-align: middle;
}
.entreprise01 img { margin-top: 19em;}
/** div ***/
.immeubletabl4 {text-align: left;
position: relative;
top: -66px;}
/** div ***/
#thhistoirehapie { padding-left: 9%;}
.imgdefondgriscoup {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/12/grdbgh1.png);
height: 64px;
background-position: right;
background-repeat: no-repeat;
width: 293px;
background-color: white;
}
.imgdefondg2oup {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/24/mgrisbagr33.png);
height: 64px;
background-position: right;
background-repeat: no-repeat;
width: 290px;
background-color: #fafafa;
background-size: cover;
position: relative;
right: -2px;
;
}
.etrang1 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/15/bargrismidl.png);
background-position: left;
background-color: #fafafa;
height: 67px;
}
.etrang2 {
height: 218px;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/17/cartedecoupe.png);
background-repeat: no-repeat;
background-position: right;
width: 50%;
}
.etrang3 { text-align: left;}
#trgcentrlaur { }
.etrang3 img { text-align: left; }
.laureatrouge {margin-top: ; margin-left:70px ;}
.etrang3 p{
width: 377px;
}
.tabl2feuille h4 {
margin-left: 20px;
}
.tabl2feuille td {
width: 100%;
}
.tabl2feuille tr {
width: 491px;
}
.laureatrouge { text-align: left;}
/** div ***/
.linheande {line-height: 15px;}
/** div ***/
.tabl1feuille {
margin-right: 20px;
display: inline-block;
width: 291px; }
.deuxtable table td{padding:15px;}
.pbp5 .thtriangimg { width: 20px; margin-left: 20px; height: 50px;}
.thtriangimg { width: 25px;}
.thtriangimg2 {}
.tabl2feuille {
margin-left: 20px;
display: inline-block;
width: 490px;
background-color: #fafafa;
margin-bottom: ;
margin-top: ;
text-align: left;
}
.tabl1feuille p {
line-height: 16px;
text-align: justify;
padding: 8px;
}
.tabl2feuille p {
text-align: left; padding: 10px;
}
.tabl1feuille img {
position: center; margin-top:8px ; margin-bottom: 15px;
}
.deuxtable table { ; border-spacing: 30px 30px;}
.entr2tabl {height: 30px; background-color: #fafafa;}
.wid66 {min-width: 53px;}
.entr2tabl { min-height: 66px; background-color: #fafafa;}
table#thtriangimg td {
padding: 3px;
}
.lpdqe h4 {margin-top:2px; font-size: 19px;}
.engagmthap { min-height: 66px;
min-height: 66px;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/09/enghapfd2.jpg);
background-repeat: no-repeat;
background-position: right;
background-size: contain;
text-align: center;
background-position-x: 180px;
}
.pbp1 { height: 90px;}
.pbp2 {font-size:13px ; text-align: left; font-family: 'Ubuntu'; background-color: #fafafa;}
.pbp2 p { margin-top:10px;background-color:#fafafa;padding: 10px;}
.pbp3 {}
.pbp4 {height: 67px;}
.pbp5 {}
.pbp5 p { background-color:#eee;padding: 10px; margin-top: -3px;}
.lpdqe {background-image: url(http://hapie.oxatis.com/Files/117754/Img/18/trainglegrs.png);
background-repeat: no-repeat;
background-origin: ;
background-position: center;
}
/** div ***/
.barregrisblanc1 + p { background-color : #fafafa ; padding-top:2.5em ; padding-bottom:2.5em ;
}
/** div ***/
.gmap { background-image:url(http://hapie.oxatis.com/Files/117754/Img/21/gmap.jpg);
min-height: 285px;}
/************** ENTREPRISE 02 FIN ******************/
/************** ACCUEIL ******************/
/** 1er div accueil ***/
.home01 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/14/fond-hapie-triangle-couleur.jpg);
background-repeat: no-repeat;
background-size: cover;
background-origin: padding-box;
background-position-y: -142px;
}
.home01 img { width: 80%;}
.home01 table { padding: auto; }
.home01 .H6 { float:left; border:solid 1px white; border-radius: 8px; padding: 11px 55px 11px 55px ;}
.home01 h1 { text-align: left;}
/** 2eme div menu des produits ***/
.septparties1 table { margin: 10px auto 0px auto;
border-collapse: separate;
border-spacing: 27px 0px;}
.septparties1 h2 {line-height: 15px; margin-top: 8px;}
.les7ssmenu { text-decoration: none;}
.fondnoir { min-height: 250em; background-color: black;}
#coul1menx7 li {
position: relative!important;
float: right;
margin-right: 10px;
}
#coul1menx7 li:hover { position: relative!important;
float: right;
}
#coul1menx6 li {
position: relative!important;
float: right;
margin-right: 10px;
}
#coul1menx6 li:hover { position: relative!important;
float: right;
}
.t7ssmenu ul {
margin: 0;
margin-top: 0px;
display: block;
}
.t7ssmenu {}
.inlinemenu {display: inline-flex;}
/* partie positionnement et déco */
#ssmenul5p2 a {
display:block;
color: #040130;
text-decoration:none;
}
.imagesepssme {margin-right: 10px; margin-left: 10px;}
#ssmenul5p2 > li,
#ssmenul5p2 > li li {
position: relative;
display:inline-block;
padding: 5px;
color: white;
}
#ssmenul5p2 > li li {
background: transparent none;
width: 300px
}
#ssmenul5p2 > li li a { color: #040130; width: 300px }
#ssmenul5p2 > li li:hover {
background:#040130;
color: white;
width: 300px;
display: flex;
}
#ssmenul5p2 > li:first-child {
border-radius: 8px 0 0 8px;
}
#ssmenul5p2 > li + li {
}
#ssmenul5p2 li a:hover{
color: white;
}
/* chaque couleur */
#ssmenul5p2 #coul1men:hover{
color: #9be0f0;
}
#ssmenul5p2 #coul2men:hover{
color: #a92293;
}
#ssmenul5p2 #coul3men:hover{
color: #ffd820;
}
#ssmenul5p2 #coul4men:hover{
color: #ea5c15;
}
#ssmenul5p2 #coul5men:hover{
color: #44bc9d;
}
#ssmenul5p2 #coul6men:hover{
color: #a7c612;
}
#ssmenul5p2 #coul7men:hover{
color: #a1a1a1;
}
/* partie positionnement et déco */
#ssmenul5p a {
display:block;
color: #040130;
text-decoration:none;
}
.imagesepssme {margin-right: 10px; margin-left: 10px;}
#ssmenul5p2 .imagesepssme {margin-right: 2px; margin-left: 2px;}
#ssmenul5p > li,
#ssmenul5p > li li {
position: relative;
display:inline-block;
padding: 5px;
color: white;
}
#ssmenul5p > li li {
background: transparent none;
width: 300px
}
#ssmenul5p > li li a { color: #040130; width: 300px }
#ssmenul5p > li li:hover {
background:#040130;
color: white;
width: 300px;
display: flex;
}
#ssmenul5p > li:first-child {
border-radius: 8px 0 0 8px;
}
#ssmenul5p > li + li {
}
#ssmenul5p li a:hover{
color: white;
}
/* chaque couleur */
#ssmenul5p #coul1men:hover{
color: #9be0f0;
}
#ssmenul5p #coul2men:hover{
color: #a92293;
}
#ssmenul5p #coul3men:hover{
color: #ffd820;
}
#ssmenul5p #coul4men:hover{
color: #ea5c15;
}
#ssmenul5p #coul5men:hover{
color: #44bc9d;
}
#ssmenul5p #coul6men:hover{
color: #a7c612;
}
#ssmenul5p #coul7men:hover{
color: #a1a1a1;
}
/* chaque couleur */
#ssmenul5p > li:last-child {
border-right: 0;
border-radius: 8px 0 8px 0 ;
}
#ssmenul5p > li:hover {
color: white;
}
#ssmenul5p2 > li:last-child {
border-right: 0;
border-radius: 8px 0 8px 0 ;
}
#ssmenul5p2 > li:hover {
color: white;
}
#coul1menx2 {}
/* (presque) fin de la partie positionnement/déco */
/* dans cette déclaration, on fixe le max-height */
#ssmelider ul{
position: absolute;
top: 2em; right: 0!important;
}
#ssmenul5p ul {
position: absolute;
bottom: 5em;
left: 0;
max-height: 0em;
margin: 0;
padding: 0;
background-color: #ddd;
background-image: linear-gradient(#fff,#ddd);
overflow: hidden;
transition: 1s max-height ;
border-radius: 8px 8px 0 0;
z-index: 500;
}
#ssmelider2 ul{
position: absolute;
top: 2em; right: 0!important;
}
#ssmenul5p2 ul {
position: absolute;
top: 6em;
left: 0;
max-height: 0em;
margin: 0;
padding: 0;
background-color: #ddd;
background-image: linear-gradient(#fff,#ddd);
overflow: hidden;
transition: 1s max-height ;
border-radius: 0 0 8px 8px;
z-index: 500;
}
#ssmenul5p2 ul li{
}
#ssmenul5p2 ul:hover {
position: absolute;
top: 6em;
max-height: 0em;
margin: 0;
padding: 0;
background-color: #ddd;
background-image: linear-gradient(#fff,#ddd);
overflow: hidden;
transition: 1s max-height;
border-radius: 0 0 8px 8px;
z-index: 500; }
/* ici on change la valeur de max-height au :hover */
#ssmenul5p2 > li:hover ul {
/* à adapter, le minimum est le meilleur mais voyez large 😉 */
max-height: 50em;
width: auto;
color: white;
text-decoration: ;
}
#ssmenul5p ul li{
}
#ssmenul5p ul:hover {
position: absolute;
bottom: 5em;
max-height: 0em;
margin: 0;
padding: 0;
background-color: #ddd;
background-image: linear-gradient(#fff,#ddd);
overflow: hidden;
transition: 1s max-height;
border-radius: 8px 8px 0 0;
z-index: 500; }
/* ici on change la valeur de max-height au :hover */
#ssmenul5p > li:hover ul {
/* à adapter, le minimum est le meilleur mais voyez large 😉 */
max-height: 50em;
width: auto;
color: white;
text-decoration: ;
}
.menud7l4 ul:hover { }
.pagcat1 a {text-decoration: none;
padding: 10px 12px;
border:1px solid white;
border-radius: 8px;
color: white;
line-height: 75px;
}
.imgtopcat img { margin-top:25%; width: 200px;}
.imgtopcat2 img { margin-top:21%;}
.pagcat1 { background-image: url(/Files/117754/Img/25/secteurs-alimentaire.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 333px;}
.pagcat2 { background-image: url(/Files/117754/Img/09/secteurs-BTP.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 333px;}
.pagcat3 { background-image: url(/Files/117754/Img/25/secteurs-hapivert.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 333px;}
.pagcat3 img {
margin-top: 6%!important;
margin-bottom: -59px;
}
.pagcat3 table { margin-right: 16%;
}
.pagcatgam { background-image: url(/Files/117754/Img/11/gammes.png);
background-repeat: no-repeat;
background-size: cover;
height: 333px;}
.pagcat4 { background-image: url(/Files/117754/Img/01/secteurs-services-publics.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 333px;}
.pagcat5 { background-image: url(/Files/117754/Img/19/secteurs-maintenance-ba-timents.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 333px;}
.pagcat6 { background-image: url(/Files/117754/Img/10/secteurs-automobile-et-mecanique.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 333px;}
.pagcat7 { background-image: url(/Files/117754/Img/20/secteurs-protections.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 333px;
background-position-x: -130px;
}
/** 3eme div triangle blanc ***/
#divslid {
width: 100%;
height: 500px;
margin: auto;
text-align: center;
margin-bottom: -1px;
}
.clear {
clear:left;
}
.txttrianglblanc {
color: white;
font-size: 21px;
font-weight: 300;
}
#croptri .txttrianglblanc {
vertical-align: middle;
display: inline-table;
color: white;
text-align: right;
padding-right: 15px;
font-family: 'Ubuntu','Open Sans', helvetica, arial, sans-serif;
font-size: 21px;
font-weight: 300;
margin-top: 20px;
margin-bottom: 20px;
}
#crop2tri {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/16/mapfull.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 580px;
width: 100%;
}
#croptri td { height: 66px; }
#croptri
{
background-image: url(http://hapie.oxatis.com/Files/117754/Img/14/imagerougecroptriangleblanc.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
width: 100%;
border-collapse: collapse;
background-repeat-x: initial;
}
.trianglmapdiv {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/16/mapfull.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 405px;
}
.trianglmaptable {
}
.trianglmaptd {
}
.linertriangleblanc1 {
color: white;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/15/bandeautrianglbl.jpg);
background-repeat: no-repeat;
background-size: cover;
border-collapse: collapse;
border: none;
margin-bottom: -3px;
height: 65px;
}
.linertriangleblanc1png {
color: white;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/14/imagerougecroptriangleblanc.png);
background-repeat: no-repeat;
background-size: cover;
height: 65px;
vertical-align: middle;
}
.catal1 th { }
.linertriangleblanc1 img{
margin-left: -37px;
margin-right: -6px;
position: relative;
top: -3px;
}
.linertriangleblanc1 h3 {margin: -27px;text-align: center; }
.linertriangleblanc1 table {
border-collapse: collapse;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: -4px;
}
.linertriangleblanc1 td {
float: left;
vertical-align: middle;
line-height: 64px;
}
/** 4eme div VIDEO ***/
.video1 {
background-color: #fafafa;
z-index: 50;
padding-top: 40px;
padding-bottom: 40px;
}
.audsv {z-index: 500;}
.endsv {z-index: 500;}
/** 5eme Div ansdesolutions ***/
.ansdesolutions {width: 100%; }
.imgcostume {
width: 60%;
margin-left: 43px;
margin-bottom: 77px;
}
.ansdec1{
height: 64px;
width: 50%;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/09/enghapfd2.jpg);
background-repeat: no-repeat;
line-height: 64px;
background-color: #fafafa;
background-position: right;
background-position-x: 104%;
background-size: contain;
}
.ansdesolutions h4 {
text-align: center;
margin-right: -23%;
}
.tabldstabl {
margin : 15px 20px 20px auto;
line-height: 20px;
}
.tabldstabl p{
line-height: 17px;
}
.ansdesolutions .fondgris {margin-top: 1px;}
.homedroite { padding-left: 0;
padding-bottom: 6%;
text-align: left; }
.fondgrisajust { }
/** 6eme div triangle blanc ***/
/** 7eme Div colonnex3 3 colonnes ***/
.colonnex3 {background-color: #fafafa;}
.colonnex3 table {border-collapse: separate;
border-spacing: 65px 65px;}
.colonnex3 th {
width: 255px;
}
/** 8eme Div ligne grise txt milieu centre linergris1 ***/
.linergris1 {
height: 64px;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/12/grdbgh1.png);
background-repeat: no-repeat;
line-height: 64px;
background-color: #fafafa;
background-position: center;
background-size: cover;
text-align: center;
background-position-x: 43%;
}
#colonnex42 { }
.linergrisx1 {
height: 64px;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/12/grdbgh1.png);
background-repeat: no-repeat;
line-height: 64px;
background-color: #fafafa;
background-position: center;
background-size: cover;
text-align: center;
background-position-x: 43%;
}
/** 9eme Div image text centré ***/
.linergris45 {
height: 64px;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/17/barroffrdemploie.jpg);
background-repeat: no-repeat;
line-height: 64px;
background-color: #fafafa;
background-position: center;
background-size: cover;
text-align: center;
background-position-x: 43%;
}
/** 10eme Div ligne grise txt milieu centre ***/
.linergris2 {
height: 64px;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/14/grdbgh2.png);
background-repeat: no-repeat;
line-height: 64px;
background-color: #fafafa;
background-position: center;
background-size: cover;
text-align: center;
background-position-x: 43%;
}
/** 11eme Div img txt center fondgris ***/
.margintop img {
margin-top: 20px;
}
.margintop h5 {
margin-top: 40px;
margin-bottom: 4px;
}
.margintop button {}
.oumargebot { }
#oumargpad {position: relative;
top: 6px; }
.col3margtop table { width: 80%; vertical-align: top; text-align: center; position:relative; left: 60px;}
.col3margtop th { text-align: center; padding: 20px;}
.sihapieest p {
line-height: 26px;
}
/** 12eme Div ligne grise txt milieu centre **/
.colonnex4 {padding: 15px;
}
.colonnex4 table{
border-collapse: collapse;
}
.colonnex4 th {
padding: 15px;
}
.colonnex4 td {
width: 235px;
}
.colonnex4 p {
width: 235px;
text-align: justify;
line-height: 1.4em;}
.colonnex42
{ border-collapse: separate;
border-spacing: 65px 50px;
border-top :20px; }
.colonnex42 tr { vertical-align: top;}
.colonnex42 h4 {margin-top: 20px;}
/** 13eme div 4 cellules full width **/
.contactermarge {
padding-top: 43px;
}
.linergrisinverse4cell { width: 100%; text-align: center ; }
/** 14eme main txt **/
.fondgris h5 {
height: 64px;
;
background-repeat: no-repeat;
line-height: 23px;
background-color: #eee;
background-position: center;
background-size: cover;
text-align: center;
padding-top: 16px;
}
.linergrisinv { margin: 0 ; padding: 0 ;}
.linergsps1 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/03/grdbgh22.png);
background-repeat: no-repeat;
background-color: #eee;
height: 69px;
width: 50%;
}
.linergsps2 {
background-image: url(http://hapie.oxatis.com/Files/117754/Img/24/bordgrismainddroite.png);
background-repeat: no-repeat;
background-position: left;
background-color: #fafafa;
height: 69px;
width: 50%;
background-size: contain;
}
.linergrisinv2 {
height: 218px;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/13/maingauchfond.jpg);
background-repeat: no-repeat;
background-position: right;
}
.linergrisinv3 {
background-color: #fafafa;
background-image: url(http://hapie.oxatis.com/Files/117754/Img/12/maindroitefond.jpg);
background-repeat: no-repeat;
}
.linergrisinv3 p{
margin-left: -47%;
background-color: transparent;
}
/************** ACCUEIL FIN ******************/
/************** offre d'emploi ******************/
.offredemploi {background-color: #fafafa;}
.offredemploi table {
width: 73%;
background-color: #eee;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
display: inline-table;
}
.offredemploi table td {padding: 20px; padding-bottom: 0; border-top: 3px solid #060042; }
.offredemploi button { float: right; }
.offredemploi1 { vertical-align: top; width: 20%; }
.offredemploi2 { vertical-align: top; width: auto;}
.offredemploi3 { vertical-align: top; width: 20%; }
.offredemploi4 { vertical-align: top; width: auto; }
.titreduposte { position: relative;
text-align: left;
left: -30%;}
.offredemploi a { text-decoration: none;
color: white;}
/************** FIN offre d'emploi ******************/
/************** formulaire de contact newsletter ******************/
.provenancenewsletter {display:none;}
/************** formulaire de contact newsletter ******************/
/************** FOOTER ******************/
.linerfoot2 input { width: 218px;}
.linerfoot1 {background-image:url(http://hapie.oxatis.com/Files/117754/Img/10/barre-bleu-hapie.png);
background-size:cover;
width: 100%;
min-height: 30px;
background-color: #040130;
}
.linerfoot2 {
background-image:url(http://hapie.oxatis.com/Files/117754/Img/11/fond-footer-hapie.jpg);
background-color: #fafafa;
width:100%;
}
.linerfoot3 {background-image:url(http://hapie.oxatis.com/Files/117754/Img/10/barre-bleu-hapie.png);
background-size:cover;
width: 100%;
line-height: 45px;
min-height: 45px;
background-color: #040130;}
.tableaproposfoot { margin: auto ; width: 293px; }
.tablcontacfoot { margin: auto ; width: 243px;}
.nouscontacterfoot{ margin: auto ; width: 304px;}
.gris3 {color:#b1b1b1;}
.f2b2cd { padding-right: 5px; text-align: right;}
.f2b2cg {
padding-left: 5px;
text-align: left;
padding-top: 6px;
}
.divform2table textarea {
font-size: 13px;
padding: 2px;
border-width: 0px;
border-radius: 4px;
border-style: hidden;
text-shadow: 0px 0px 0px rgba(42,42,42,.75);
border-color: #ffffff;
box-shadow: inset 0px 0px 5px 0px rgba(42,42,42,.61);
width: 315px;
}
.tablcontacfoot td{
vertical-align: top;
}
.linerfoot2 table {
display: inline-table;
}
.lineheifoot { line-height: 15px;}
.tdimgc span { text-align: justify;}
.linerfoot2 table {
height: 347px;
margin: 30px 30px 0 30px;
vertical-align: top;
}
.footters table { }
.footiconb { width:89px; }
.tablcontacfoot { vertical-align: top;}
.inlb { display: inline-block;
vertical-align: top;
padding-top: 57px;}
.linerfoot2 .divform2table textarea { width: 219px;}
/* les trois pages */
.l3pedv { margin: 5em 5em 5em 5em; padding: 5em 5em 5em 5em; text-align: justify;}