@charset "UTF-8";
/* CORPS DE PAGE */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	font-size:11px;
}
#demotip { 
    display:none; 
    background:transparent url(../images/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}

#imgContainer{
	height:130px;
	padding-top:3px;	
}

#titleContainer{
	/*height:30px;*/
}

#titleContainerHS{
	height:45px;
}

#page {
	width:1024px;
	background-image:url(../images/bg-top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin:auto;
	/*height:600px;*/
}

#top {
	width:950px;
	height:140px;
	margin:auto;
	margin-top:0;
}

#conteneur {
	width:950px;
	margin:auto;
	margin-top:15px;
}

#logo {
	width:219px;
	height:90px;
	background-image:url(../images/logo-hommell.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:30px;
}

/* BARRE NAV HAUT */

#bartop {
	width:715px;
	height:33px;
	background-image:url(../images/bg-bartop.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	/*float:right;*/
	position:absolute;
	margin-left:235px;
	margin-right:0px;
}

#searchtop {
	width:215px;
	height:27px;
	padding-top:6px;
	padding-left:20px;
	margin-left:5px;
	background-image:url(../images/bg-search.gif);
	background-position:left;
	background-repeat:no-repeat;
	float:left;
}

#btn-searchtop {
	width:83px;
	height:20px;
	padding-top:6px;
	margin-left:4px;
	margin-top:-2px;
	text-align:center;
	background-image:url(../images/btn-search-top.gif);
	background-repeat:no-repeat;
	float:right;
}

#createaccount {
	/*width:250px;*/
	height:23px;
	margin-left:245px;
	padding-top:10px;
	padding-left:27px;
	background-image:url(../images/bg-createaccount.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#loginaccount {
	height:27px;
	/*width:318px;*/
	margin-top:0px;
	padding-top:6px;
	padding-left:20px;
	padding-right:5px;
	background-image:url(../images/bg-loginaccount.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:right;
}

#identity {
	text-transform:none;
}

#mdp{
	height:15px;
	/*float:right;*/
	position:absolute;
	margin-top:40px;
	margin-left:830px;
	margin-right:0px;
	padding-left:8px;
	background-image:url(../images/mdp.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#666;
	text-transform:none;
}

#mdp-log{
	height:15px;
	margin-top:5px;
	margin-left:130px;
	padding-left:8px;
	background-image:url(../images/mdp.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#666;
	text-transform:none;
}

#warning{
	position:absolute;
	margin-top:50px;
	margin-left:300px;
}

/**/

#spacer {
	clear:both;
}

/* COLONNE DROITE */

#col_right {
	width:300px;
	float:right;
}

#codepromo {
	background-image:url(../images/bg-promocode.gif);
	width:292px;
	height:28px;
	padding-top:5px;
	padding-left:8px;
	background-repeat:no-repeat;
	margin-top:5px;
}

#codepromoLN {
	background-image:url(../images/bg-promocodeLN.gif);
	width:292px;
	height:28px;
	padding-top:5px;
	padding-left:8px;
	background-repeat:no-repeat;
	margin-top:5px;
}

#offreexclu {
	width:280px;
	/*height:177px;*/
	padding:10px;
	background-image:url(../images/bg-offreexclu.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#b9d0e0;
	margin-top:20px;
}

#offreexclubottom {
	width:300px;
	height:7px;
	background-image:url(../images/bg-offreexclu-bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#offreexclu2 {
	width:280px;
	/*height:177px;*/
	padding:10px;
	background-image:url(../images/bg-offreexclu2.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#ded8e8;
	margin-top:20px;
}

#offreexclubottom2 {
	width:300px;
	height:7px;
	background-image:url(../images/bg-offreexclu-bottom2.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#btn-ajoutoffreexclu {
	background-image:url(../images/btn-ajoutpanier.gif);
	width:156px;
	height:19px;
	background-repeat:no-repeat;
	margin:auto;
	margin-top:10px;
	padding-top:4px;
	text-align:center;
	float:left;
}

#btn-ajoutoffreexclu2 {
	background-image:url(../images/btn-ajoutpanier-b.gif);
	width:156px;
	height:19px;
	background-repeat:no-repeat;
	margin:auto;
	margin-top:10px;
	padding-top:4px;
	text-align:center;
	float:left;
}

#btn-ajoutreliure {
	background-image:url(../images/btn-ajoutpanier-s.gif);
	width:138px;
	height:19px;
	background-repeat:no-repeat;
	margin:auto;
	margin-top:10px;
	padding-top:4px;
	text-align:center;
	float:right;
}

#cptright{
	background-image:url(../images/bg-cptright.gif);
	background-repeat:repeat-y;
	width:300px;
}

#cptrighttop{
	background-image:url(../images/bg-cptrighttop.gif);
	background-repeat:no-repeat;
	margin-top:97px;
	width:300px;
	height:6px;
}

#cptrighttop-b{
	background-image:url(../images/bg-cptrighttop.gif);
	background-repeat:no-repeat;
	margin-top:15px;
	width:300px;
	height:6px;
}

#cptrightbottom{
	background-image:url(../images/bg-cptrightbottom.gif);
	background-repeat:no-repeat;
	width:300px;
	height:6px;
}

#cnxrighttop{
	background-image:url(../images/bg-cptrighttop.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	width:300px;
	height:6px;
}

#newsright{
	background-image:url(../images/bg-newsright.gif);
	background-repeat:repeat-y;
	width:300px;
}

#newsrighttop{
	background-image:url(../images/bg-newsrighttop.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	width:300px;
	height:6px;
}

#newsrightbottom{
	background-image:url(../images/bg-newsrightbottom.gif);
	background-repeat:no-repeat;
	width:300px;
	height:6px;
}

#ad {
	width:300px;
	/*height:250px;*/
	margin-top:20px;
}

#ad img {
	max-width:300px;	
}

#calageassistancetop{
	margin-top:97px;
	width:300px;
}

#assistance {
	width:280px;
	height:285px;
	padding:10px;
	background-image:url(../images/bg-assistance.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:20px;
}

#assistance-solo {
	width:280px;
	height:285px;
	padding:10px;
	background-image:url(../images/bg-assistance.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:78px;
}

#assistance-bottomline {
	margin-top:155px;
	margin-left:-3px;
	width:290px;
}

/* COLONNE GAUCHE */

#col_left {
	width:213px;
	float:left;
}

#titre-abo {
	width:130px;
	padding:5px;
	height:10px;
	background-image:url(../images/bg-topabo.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#titre-anciensnum {
	float:right;
	width:60px;
	padding:5px;
	height:10px;
	background-image:url(../images/bg-topanciensnum.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#onglet1, #onglet2, #onglet3, #onglet4, #onglet5, #onglet6, #onglet7, #onglet8, #onglet9, #onglet10 {
	width:206px;
	height:19px;
	margin-top:12px;
	margin-bottom:10px;
	padding-top:3px;
	padding-left:8px;
	background-repeat:no-repeat;
}

#onglet1{
	background-image:url(../images/onglet1.gif);
}

#onglet2 {
	background-image:url(../images/onglet2.gif);
}

#onglet3 {
	background-image:url(../images/onglet3.gif);
}

#onglet4 {
	background-image:url(../images/onglet4.gif);
}

#onglet5 {
	background-image:url(../images/onglet5.gif);
}

#onglet6 {
	background-image:url(../images/onglet6.gif);
}

#onglet7 {
	background-image:url(../images/onglet7.gif);
}

#onglet8 {
	background-image:url(../images/onglet8.gif);
}

#onglet9 {
	background-image:url(../images/onglet9.gif);
}

#onglet10 {
	background-image:url(../images/onglet10.gif);
}

#line {
	background-image:url(../images/dash.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top:3px;
	min-height:14px;
	width:214px;
}

#line-adapt {
	background-image:url(../images/dash.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:justify;
	padding-top:3px;
	padding-bottom:3px;
	height:auto;
	/*min-height:80px;*/
	width:100%;
}

#line-adapt-nodash {
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	height:auto;
	width:100%;
}

#lineleft {
}

#lineright {
	float:right;
	margin-right:5px;
}

#linetable {
	padding:4px;
	height:14px;
	width:100%;
}

#linetablefreeh {
	padding:4px;
	width:100%;
	margin-top:4px;
}

#linerighttable {
	float:right;
	margin-right:5px;
	height:14px;
	padding-left:4px;
	padding-right:4px;
}

#linerighttablefreeh {
	float:right;
	margin-right:5px;
	padding-left:4px;
	padding-right:4px;
}

#linelefttable {
	float:left;
	margin-right:5px;
	height:14px;
	padding-left:4px;
	padding-right:4px;
}

#btn-printorder {
	background-image:url(../images/btn-printorder.gif);
	width:96px;
	height:14px;
	background-repeat:no-repeat;
	margin:auto;
	padding-top:2px;
	text-align:center;
	float:right;
}

#btn-action {
	background-image:url(../images/btn-action.gif);
	width:73px;
	height:24px;
	background-repeat:no-repeat;
	margin:auto;
	padding-top:2px;
	text-align:center;
	float:right;
}

#btn-action-intern {
	background-image:url(../images/btn-action.gif);
	width:73px;
	height:21px;
	background-repeat:no-repeat;
	margin:auto;
	padding-top:5px;
	text-align:center;
	float:right;
}

#btn-action-intern-nofloat {
	background-image:url(../images/btn-action.gif);
	width:73px;
	height:21px;
	background-repeat:no-repeat;
	margin:auto;
	padding-top:5px;
	text-align:center;
}

#btn-action-fix {
	background-image:url(../images/btn-action.gif);
	width:73px;
	height:21px;
	background-repeat:no-repeat;
	margin:auto;
	margin-left:330px;
	padding-top:5px;
	text-align:center;
}

/* COLONNE CENTRALE */

#col_center{
	margin-left:226px;
	padding-top:35px;
	/*width:412px;*/
}

#col_center_fil{
	margin-left:226px;
	width:412px;
}

#col_center_fil2{
	margin-left:226px;
}

#col_center_fil3{
}

#fil {
	margin-bottom:15px;
	padding-top:6px;
}

#produitshome{
	background-image:url(../images/bg-produitshome.gif);
	background-repeat:repeat-y;
	width:410px;
}

#produitshometop{
	background-image:url(../images/bg-produitshome-top.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	width:410px;
	height:6px;
}

#produitshomebottom{
	background-image:url(../images/bg-produitshome-bottom.gif);
	background-repeat:no-repeat;
	width:410px;
	height:6px;
}

#box{
	background-image:url(../images/bg-box.gif);
	background-repeat:repeat-y;
	width:410px;
}

#box-blank{
	width:410px;
}

#boxtop{
	background-image:url(../images/bg-box-top.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	width:410px;
	height:6px;
}

#boxbottom{
	background-image:url(../images/bg-box-bottom.gif);
	background-repeat:no-repeat;
	width:410px;
	height:6px;
}

#boxb{
	background-image:url(../images/bg-boxb.gif);
	background-repeat:repeat-y;
	width:410px;
}

#boxbtop{
	background-image:url(../images/bg-boxb-top.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	width:410px;
	height:6px;
}

#boxbbottom{
	background-image:url(../images/bg-boxb-bottom.gif);
	background-repeat:no-repeat;
	width:410px;
	height:6px;
}

#btn-ajoutpanier {
	background-image:url(../images/btn-ajoutpanier-home.gif);
	width:120px;
	height:14px;
	background-repeat:no-repeat;
	margin:auto;
	margin-top:3px;
	padding-top:2px;
	text-align:center;
}

#btn-ajoutpanier-right {
	background-image:url(../images/btn-ajoutpanier-home.gif);
	width:120px;
	height:14px;
	background-repeat:no-repeat;
	margin-top:3px;
	padding-top:2px;
	text-align:center;
	float:right;
}

#edition-an {
	width:120px;
	height:25px;
	margin-top:8px;
	padding-top:9px;
	text-align:center;
	float:left;
}

#btn-log {
	background-image:url(../images/btn-b.gif);
	width:105px;
	height:25px;
	background-repeat:no-repeat;
	padding-top:9px;
	padding-left:15px;
	margin-top:8px;
	text-align:center;
	float:right;
}

#btn-abo {
	background-image:url(../images/btn-abo.gif);
	width:105px;
	height:25px;
	background-repeat:no-repeat;
	margin-top:8px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
	float:left;
}


#btn-abonofloat {
	background-image:url(../images/btn-abo.gif);
	width:105px;
	height:25px;
	background-repeat:no-repeat;
	margin:auto;
	margin-top:8px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
}

#btn-next {
	background-image:url(../images/btn-next.gif);
	width:105px;
	height:25px;
	background-repeat:no-repeat;
	margin-bottom:8px;
	margin-top:60px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
	float:right;
}

#btn-reabo {
	background-image:url(../images/btn-abo.gif);
	width:105px;
	height:25px;
	background-repeat:no-repeat;
	margin-top:8px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
	float:right;
}

#btn-reaboautre {
	background-image:url(../images/btn-reaboautre.gif);
	width:224px;
	height:25px;
	background-repeat:no-repeat;
	margin-top:8px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
	float:left;
}

#btn-abooffre {
	background-image:url(../images/btn-abooffre.gif);
	width:185px;
	height:25px;
	background-repeat:no-repeat;
	margin:auto;
	margin-top:8px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
}


#btn-anoffre-solo {
	background-image:url(../images/btn-anoffre.gif);
	width:185px;
	height:25px;
	background-repeat:no-repeat;
	margin-left:180px;
	margin-top:8px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
}

#btn-feuillette {
	background-image:url(../images/btn-feuillette.gif);
	width:159px;
	height:25px;
	background-repeat:no-repeat;
	margin:auto;
	margin-top:8px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
}

#btn-commande {
	background-image:url(../images/btn-abo.gif);
	width:105px;
	height:25px;
	background-repeat:no-repeat;
	margin:auto;
	margin-top:8px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
}

#btn-commande-b {
	background-image:url(../images/btn-anoffre.gif);
	width:185px;
	height:25px;
	background-repeat:no-repeat;
	margin-top:8px;
	margin-left:208px;
	position:absolute;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
}

#btn-continuer-b {
	background-image:url(../images/btn-continuer.gif);
	width:185px;
	height:25px;
	background-repeat:no-repeat;
	margin-top:8px;
	margin-left:3px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
}

#btn-createaccount {
	background-image:url(../images/btn-continuer.gif);
	width:185px;
	height:25px;
	background-repeat:no-repeat;
	margin-top:8px;
	margin-left:93px;
	padding-top:9px;
	padding-left:15px;
	text-align:center;
	padding-bottom:10px;
	/*float:right;*/
}


#btn-b {
	background-image:url(../images/btn-b.gif);
	width:105px;
	height:24px;
	background-repeat:no-repeat;
	margin-top:8px;
	margin-right:10px;
	padding-top:10px;
	padding-left:15px;
	text-align:center;
	float:left;
}

#btn-bnofloat {
	background-image:url(../images/btn-b.gif);
	width:105px;
	height:24px;
	background-repeat:no-repeat;
	margin-top:8px;
	margin-right:10px;
	padding-top:10px;
	padding-left:15px;
	text-align:center;
}

#btn-c {
	background-image:url(../images/btn-b.gif);
	width:102px;
	height:27px;
	background-repeat:no-repeat;
	margin:auto;
	margin-top:7px;
	padding-top:5px;
	padding-left:18px;
	text-align:center;
}

#btn-smore-livres {
	background-image:url(../images/btn-smore.gif);
	width:120px;
	height:15px;
	background-repeat:no-repeat;
	margin-top:8px;
	padding-top:4px;
	text-align:center;
	float:left;
}

#btn-smore-rel {
	background-image:url(../images/btn-smore-rel.gif);
	width:120px;
	height:15px;
	background-repeat:no-repeat;
	margin-top:8px;
	padding-top:4px;
	text-align:center;
	float:left;
}

#btn-smore-hs {
	background-image:url(../images/btn-smore-hs.gif);
	width:120px;
	height:15px;
	background-repeat:no-repeat;
	margin-top:8px;
	margin-right:10px;
	padding-top:4px;
	text-align:center;
	float:right;
}

#btn-smore-dvd {
	background-image:url(../images/btn-smore-dvd.gif);
	width:120px;
	height:15px;
	background-repeat:no-repeat;
	margin-top:8px;
	margin-right:10px;
	padding-top:4px;
	text-align:center;
	float:right;
}

#liner{
	width:98%;
	height:2px;
	background-image:url(../images/liner-b.gif);
	clear:both;
	margin:auto;
	margin-top:8px;
	margin-bottom:8px;
}

#liner-ptmargin{
	width:98%;
	height:1px;
	background-image:url(../images/liner-b.gif);
	background-repeat:repeat-x;
	margin:auto;
	margin-top:3px;
	margin-bottom:8px;
}

#liner-panier{
	width:98%;
	height:1px;
	background-image:url(../images/liner-b.gif);
	background-repeat:repeat-x;
	margin:auto;
	margin-top:3px;
	margin-bottom:3px;
}

#liner-blc{
	width:98%;
	height:1px;
	background:#FFF;
	margin:auto;
	margin-top:8px;
	margin-bottom:8px;
}

#boxprodcol1{
padding:6px;
width:115px;
text-align:center;
float:left;
}

#boxprodcol2{
padding:6px;
width:115px;
margin-left:140px;
text-align:center;
}

#boxprodcol3{
padding:6px;
width:115px;
margin-right:5px;
text-align:center;
float:right;
}

#boxprodcol1b{
padding:3px;
width:130px;
text-align:center;
float:left;
}

#boxprodcol2b{
padding:3px;
width:130px;
margin-left:135px;
text-align:center;
}

#boxprodcol3b{
padding:3px;
width:130px;
text-align:center;
float:right;
}

#boxprodcolbook{
padding:6px;
text-align:center;
}


/* FOOTER */
	
#footer {
	width:1024px;
	background-image:url(../images/bg-footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:auto;
	height:327px;;
}

.colortdfooter {
	background-color:#eadbfd;
}

#baseline {
	margin:auto;
	width:950px;
	margin-top:25px;
	text-align:center;
}

/*MENU COMPTE CLIENT*/
#menucontainer { 
          width: 412px;
		  height:24px;
		  margin:auto;
		  margin-top:4px;
		  /*margin-left:-35px;*/
		  background-image:url(../images/bg-menucompte.gif);
		  background-position:top;
		  background-repeat:no-repeat;
         } 

#menuprocesspay {
		  width: 412px;
		  height:20px;
		  margin:auto;
		  margin-top:4px;
		  background-image:url(../images/bg-menucompte.gif);
		  background-position:top;
		  background-repeat:no-repeat;
		  text-align:center;
		  padding-top:4px;
         } 

.anoTab {
	border-spacing:0px;
}

.anoTab td {
	border-bottom:1px dotted #000000;
	vertical-align: top;
}

.bookTab {
	border-spacing:0px;
}

.bookTab td {
	width:50%;
	vertical-align: top;
}

.decouvTab td {
	width:25%;
}

.promosTab {
	padding-bottom:10px;
}

.promosTab td {
	width:180px;
}

.keywords {
	background-color:#FFFF00;
}

.error {
	color:#BB0000;
	font-weight:bold;
	text-align:center;
}

/* PROMOS */
#reduc {
	position:absolute;
	margin-top:80px;
	margin-left:110px;
	width:50px;
	height:32px;
	background-image:url(../images/macaron-promo.png);
	background-repeat:no-repeat;
}

#prixpromo {
	position:absolute;
	margin-top:30px;
	margin-left:132px;
	width:60px;
	height:32px;
	background-color:#C00;
	text-align:center;
	border-radius: 0 5px 5px 0;
	padding-top:2px;
}