@charset "utf-8";
/* CSS Document */
@import url(sIFR.css);
@import url(lightbox.css);

/*set global*/
body{
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#EBEAD7;
	}

ul, li, p, ol, form, img{padding:0 0 0 0; margin:0 0 0 0; border:0px;}
li{list-style:none;}

a {outline: none;}
a:focus{-moz-outline-style: none;}

/*---------------------------------------------------------------------------------------------------------*/
/* Structure
/*---------------------------------------------------------------------------------------------------------*/
#MAIN{ width:1028px; margin:0 auto 0 auto; background: url(../img/BG.jpg) repeat-y top;}
#MAIN #top{ float:left; width:990px; padding:0 0 0 19px; height:161px; position:relative; z-index:1;}

#MAIN #center{ float:left; width:990px; padding:0 0 0 19px; position:relative; z-index:0;}
#MAIN #center .colA{float:left; width:200px;}
#MAIN #center .colB{float:left; width:600px;}
#MAIN #center .colC{float:left; width:190px;}

#MAIN #footer{ float:left; position:relative; width:1022px; padding:0 0 10px 6px; background:url(../img/BG_end.jpg) no-repeat bottom;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px;}
/*---------------------------------------------------------------------------------------------------------*/
/* Header
/*---------------------------------------------------------------------------------------------------------*/
#bandeau{float:left; height:117px; width:990px; background-color:#0080D1;}
#bandeau .logo{ position:absolute; top:10px; left:40px;}
#bandeau .baseline{ position:absolute; top:94px; left:40px;}

#bandeau .mon_panier{ position:absolute; top:36px; left:780px; border-left:1px dotted #CCC; padding:0 0 0 8px;}
#bandeau .mon_panier ul{ font:12px Arial; color:#FFF; width:210px;}
#bandeau .mon_panier ul .A {float:left;}
#bandeau .mon_panier ul .A span{display:block; float:left; padding:2px 0 0 6px;}
#bandeau .mon_panier ul .A img{ border:0px; float:left;}
#bandeau .mon_panier ul .B{float:left; padding:8px 0 0 0;}
#bandeau .mon_panier ul .B a{ color:#FFF; text-decoration:underline; background:url(../img/puceA.jpg) top left no-repeat; background-position:4px 5px; padding:0 0 0 12px;}
#bandeau .mon_panier ul .B a:hover{ text-decoration:none;}

/*MENU*/
#menu{float:left;  height:34px; width:990px; padding:0 0 0 0; background:url(../img/bg_menu.jpg) repeat-x; }
#menu li{ float:left;  margin:0 0 0 0;}

#menu .bA a{float:left; display:block; height:34px; width:81px; background:url(../img/m_a.jpg) top left no-repeat;}
#menu .bA a:hover{ background-position:0px -34px;}
#menu .bC a{float:left; display:block; height:34px; width:112px; background:url(../img/m_c.jpg) top left no-repeat;}
#menu .bC a:hover{ background-position:0px -34px;}
#menu .bD a{float:left; display:block; height:34px; width:81px; background:url(../img/m_d.jpg) top left no-repeat;}
#menu .bD a:hover{ background-position:0px -34px;}
#menu .bE a{float:left; display:block; height:34px; width:81px; background:url(../img/m_e.jpg) top left no-repeat;}
#menu .bE a:hover{ background-position:0px -34px;}


#menu .bB a{float:left; display:block; height:34px; width:112px; background:url(../img/m_b.jpg) top left no-repeat;}
#menu .bB a:hover{ background-position:0px -34px;}

/*SOUS MENU */
#menu .bB .ssme{position:absolute;  float:none; width:140px;  left:-999em; top:151px; background-color:#9B9381;}
#menu .bB .ssme div{padding:1px 1px 1px 1px;  float:left;}
#menu .bB .ssme div .lk{float:left; display:block; width:118px; height:16px; background:none; padding:5px 10px 5px 10px; margin:0px; background-color:#9B9381; font:12px Arial; color:#FFF; text-decoration:none;}
#menu .bB .ssme div .lk:hover{ background-color:#0080D1;}
		
#menu .bB:hover .ssme, #menu .bB.sfhover .ssme{ left:100px;}

#menu .bOn a{ background-position:0px -68px;}

/*field*/
#menu .field{ float:right; height:34px; width:361px; background:url(../img/bg_search.jpg) no-repeat top;}
#menu .fieldon{ float:right; height:34px; width:361px; background:url(../img/bg_search.jpg) no-repeat top; background-position:0 -34px;}
#menu  input{  float:left;  width:318px; height:17px;  font:13px tahoma; border:0px; margin:9px 0 0 14px;  padding:0 0 0 4px; background-color:#FFF; }
#menu .okbtn { float:left; display:block; height:17px; width:15px; margin:9px 0 0 0; background:url(../img/ok.jpg) no-repeat; font-size:0px; line-height:0px; }
#menu .okbtn:hover{ background-position:0px -17px;}
/**/
/*---------------------------------------------------------------------------------------------------------*/
/* Footer
/*---------------------------------------------------------------------------------------------------------*/
.foot_content{ padding:10px 0 0 0px; margin:10px 0 0 13px; font:11px arial; color:#999;  width:990px;}
.foot_content .barre_liens{width:990px; border-top:1px dashed #CCC;  border-bottom:1px dashed #CCC; font:11px Arial; padding:5px 0 5px 0; color:#999; }
.foot_content .barre_liens a{ padding:0 7px 0 7px; color:#999; text-decoration:none;}
.foot_content .barre_liens a:hover{ text-decoration:underline;} 
.foot_content .barre_liens .A{ font-weight:bold; text-decoration:underline; color:#999; padding:0 7px 0 0; }
.foot_content .barre_liens .A:hover{ text-decoration:none;}

.foot_content .barre_rub{ padding:5px 0 5px 0; line-height:18px;}
.foot_content .barre_rub a{ color:#999; text-decoration:none;}
.foot_content .barre_rub a:hover{ text-decoration:underline;}

.foot_content .footer_bas{ float:left; width:990px; padding-bottom:10px; font:10px Arial;}
.foot_content .footer_bas a{ color:#999; text-decoration:none;}
.foot_content .footer_bas a:hover{ text-decoration:underline;}
.foot_content .footer_bas .gauche{float:left;}
.foot_content .footer_bas .droit{float:right;}

/* Confirmation */
#confirm {
	position:absolute;
	top:50%;
	left:50%;
	width:282px;
	cursor:pointer;
	height:92px;
	margin:-120px 0 0 -130px;
	filter: alpha(opacity=0);
	KHTMLOpacity : 0;
	MozOpacity : 0;
	opacity : 0;
	z-index:160;
}
 
/*---------------------------------------------------------------------------------------------------------*/
/* Colonnes
/*---------------------------------------------------------------------------------------------------------*/
/*MENU*/
.my_menu{float:left; display:block; width:190px; margin:0 0 10px 0; background-color:#0080D1;}
.my_menu li{display:block; float:left; width:190px;}
.my_menu .my_menuA, .my_menuB{ font-size:0px; line-height:0px;}

.sIFR-active .m1{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 20px;
	padding:4px 0 0 18px;
	width:172px;
	height:29px;
	text-decoration:none;
}
.my_menu .m2 {padding:0 0 0 18px; width:172px;}
.my_menu .m2 a{ font:13px Arial; color:#FFF; text-decoration:none; background:url(../img/puceA.jpg) top left no-repeat; background-position:0px 6px; padding:0 0 0 8px;}
.my_menu .m2 a:hover{color:#908773;}

/*PARTENAIRES*/
.my_liens{float:left; display:block; width:190px; margin:0 0 10px 0;}
.my_liens li{display:block; float:left;}
.my_liens .my_liensA{width:180px; padding:10px 0 8px 10px; border-bottom:1px dashed #999;}
.my_liens .my_liensA img{ float:left;}

.my_liens .lien_nom{ float:left; font:12px Arial; color:#666666; background:url(../img/puceB.jpg) top left no-repeat; background-position:10px 8px;  width:170px; padding:5px 0 0 18px;}
.my_liens .lien_url{ float:left; font:10px Tahoma; color:#666666; background-position:10px 8px;  width:170px; padding:0 0 6px 18px;}
.my_liens .lien_url a{ color:#0033FF;}
.my_liens .lien_url a:hover{ text-decoration:none;}

.my_liens .my_liensB{ float:left; width:180px; padding:0 0 6px 10px; border-top:1px dashed #999;}
.my_liens .my_liensB a{ background:url(../img/puceC.jpg) top left no-repeat; background-position:0px 8px;  width:170px; padding:5px 0 0 10px; font:10px Verdana; color:#666; font-weight:bold; text-decoration:none;}
.my_liens .my_liensB a:hover{ text-decoration:underline;}

/*CONTACT*/
.my_contact{float:left; display:block; width:190px; margin:0 0 10px 0;}
.my_contact li{display:block; float:left;}
.my_contact .titre{width:180px; padding:10px 0 8px 10px; border-bottom:1px dashed #999;}
.my_contact .titre img{ float:left;}

.my_contact .nom{ float:left; width:180px; padding:6px 0 6px 10px; font:11px Arial; color:#666; font-style:italic;}
.my_contact .tel{ float:left; width:180px; padding:0 0 6px 10px; font:13px Arial; color:#666; font-weight:bold;}
.my_contact .lien{ float:left; width:180px; padding:0 0 6px 10px; font:11px Arial; color:#666;}
.my_contact .lien a{color:#666; text-decoration:underline;}
.my_contact .lien a:hover{text-decoration:none;}

/*NEWSLETTER*/
.my_news{float:left; display:block; width:190px; height:136px; margin:0 0 10px 0; background:url(../img/bg_newsletter.jpg) top left no-repeat;}
.my_news .field{ float:left;width:180px; padding:40px 0 0 10px;}
.my_news .field input{ float:left; height:17px; width:147px; border:1px solid #90836F; font:12px Arial; color:#666; padding:2px 0 0 2px;}
.my_news .bouton { float:left; display:block; height:21px; width:20px; margin:0 0 0 0; background:url(../img/ok2.jpg) no-repeat; font-size:0px; line-height:0px; }
.my_news .bouton:hover{ background-position:0px -21px;}
.my_news .texte{ float:left; width:170px;  padding:7px 10px 0 10px; font:12px Arial; color:#666; }

#alerte1 { color:#FF0000;}

/*DECOUVRIR*/
.my_decouvrir{float:left; display:block; width:190px; margin:0 0 10px 0; background-color:#908773;}
.my_decouvrir li{display:block; float:left; width:190px;}
.my_decouvrir .my_decouvrirA, .my_decouvrirB{ font-size:0px; line-height:0px;}
.my_decouvrir .texte{ float:left; width:170px;  padding:0px 10px 4px 10px; font:12px Arial; color:#333;}
.my_decouvrir .lien{ float:left; width:170px;  padding:0px 10px 4px 10px;}
.my_decouvrir .lien a{ background:url(../img/puceD.jpg) top left no-repeat; background-position:0px 3px; font:12px Arial; color:#FFF;  padding:0 0 0 18px; text-decoration:none;}
.my_decouvrir .lien a:hover{background-position:2px 3px; text-decoration:underline;}

/*ABO*/
.my_abo{float:left; display:block; width:190px; margin:0 0 10px 0; background-color:#9B9381;}
.my_abo li{display:block; float:left; width:190px;}
.my_abo .my_aboA, .my_aboB{ font-size:0px; line-height:0px;}

.my_abo .offre{display:block; float:left; width:188px; border-top:1px dashed #FFF; border-left:1px solid #908773; border-right:1px solid #908773; margin:0 0 0 0; padding:0 0 10px 0;}
.my_abo .offre p{display:block; float:left; width:126px; font:13px Tahoma; font-weight:bold; color:#FFF; padding:8px 0 8px 8px;}
.my_abo .offre div{ float:right; background:url(../img/bg_abo_prix.jpg) top right no-repeat; width:54px; height:39px;}
.my_abo .offre div b{display:block; float:right;  padding:5px 8px 0 0; font:14px Arial; color:#FFF;}
.my_abo .offre a{ display:block; float:left; width:68px; height:16px; background:url(../img/btn_detail_abo.jpg) top left no-repeat; background-position:8px 0px; text-decoration:none; font-size:0px; }
.my_abo .offre a:hover{background-position:8px -16px;}
	

 
.my_abo .m2 {padding:0 0 0 18px; width:172px;}
.my_abo .m2 a{ font:13px Arial; color:#FFF; text-decoration:none; background:url(../img/puceA.jpg) top left no-repeat; background-position:0px 6px; padding:0 0 0 8px;}
.my_abo .m2 a:hover{color:#908773;}

/*PUB*/
.pub{float:left; display:block; width:188px; border:1px solid #CCC; margin:0 0 10px 0; }
.pub li{float:left; display:block; font-size:0px; line-height:0px; }
.pub li a { float:left; display:block;}
.pub li a img{float:left;   }
/*---------------------------------------------------------------------------------------------------------*/
/* TITRES CENTRE
/*---------------------------------------------------------------------------------------------------------*/
/*Titres et fils d'ariane*/
#titres{ float:left; width:590px;}

#titres .fil{float:left; width:590px; font:10px Arial; padding:0 0 6px 0; color:#999;}
#titres .fil a{ font:10px Arial; text-decoration:none; color:#999;}
#titres .fil a:hover{text-decoration:underline;}

#titres .titre{float:left; width:590px; height:64px; background:url(../img/bg_titre.jpg) no-repeat; text-align:center;}

/*TITRE SWF*/
.sIFR-active .btitre{
	visibility: hidden;
	text-align:center;
	font-family: Verdana;
	line-height: 1em;
	font-size: 36px;
	padding:5px 0 0 0px;
	width:590px;
	height:31px;
}
/*---------------------------------------------------------------------------------------------------------*/
/* ACCUEIL
/*---------------------------------------------------------------------------------------------------------*/
#edito{ float:left; width:290px; padding:10px 10px 0 0;}
#edito .titre{float:left; display:block; }
#edito .titre img{float:left;}
#edito .texte{float:left; display:block;  width:272px; padding:8px 8px 8px 8px; font:12px Arial; color:#000; border-left:1px dashed #CCC; border-right:1px dashed #CCC; border-bottom:1px dashed #CCC; text-align:justify; line-height:18px;}
#edito .texte img{ float:left; border:2px solid #999; margin:0 8px 0 0;}

#themes{ float:left; width:290px; padding:10px 10px 0 0;}
#themes .titre{float:left; display:block; }
#themes .titre img{float:left;}
#themes .list{float:left; display:block;  width:272px; padding:8px 8px 8px 8px; font:12px Arial; color:#000; border-left:1px dashed #CCC; border-right:1px dashed #CCC; border-bottom:1px dashed #CCC; text-align:justify; line-height:18px;}

#themes .list a{ display:block; float:left; height:20px; width:252px; font:12px arial; color:#333; font-weight:bold; text-decoration:none; padding:0 0 0 20px; background:url(../img/puceF.jpg) no-repeat; background-position:10px 4px;}
#themes .list a:hover{color:#0080D1; background-position:10px -15px;}

/*---------------------------------------------------------------------------------------------------------*/
/* MINI FICHES
/*---------------------------------------------------------------------------------------------------------*/
#content_mini_fiches{ width:600px; float:left;}
/*mini*/
.mini_fiche{ float:left; width:190px; padding:0 10px 10px 0;}
.mini_fiche .image{ float:left; width:190px; text-align:center;}

.mini_fiche .texte{ float:left; width:190px; text-align:center; font:13px arial; color:#333; padding:8px 0 8px 0;}
.mini_fiche .texte a{ color:#333; text-decoration:none;}
.mini_fiche .texte a:hover{ color:#333; text-decoration:underline;}

.mini_fiche .prix{ float:left; display:block; width:92px; padding:0 0 0 6px; background-color:#9B9381; font:13px Arial; font-weight:bold; color:#0080D1; height:16px;}
.mini_fiche .prix span{ font:11px Tahoma; font-weight:normal; color:#CCC; text-decoration:line-through;}
	
.mini_fiche .lien{ float:left; width:92px; background-color:#0080D1; }
.mini_fiche .lien a{ display:block; font:11px Arial; color:#FFF; text-decoration:none; background:url(../img/puceE.jpg) no-repeat; background-position:8px 5px; padding:1px 0 1px 18px;}
.mini_fiche .lien a:hover{ text-decoration:underline;}

/*-----------------------------------------------------------------------------*/
/* MULTIPAGE
/*-----------------------------------------------------------------------------*/
#nav { float:left; padding:6px 0 0 0; margin:8px 0 0 0; text-align:center;  font:12px Arial; color:#666666; width:590px; border-top:1px dashed #D7D7D7;}
#nav .pages{float:left; width:422px; line-height:30px; font-weight:bold;}
#nav a {text-decoration:none; color:#666666; padding:4px 7px 3px 8px; background:url(../img/bg_nav.jpg) no-repeat top left;}
#nav .b { padding:4px 7px 3px 8px; background:url(../img/bg_nav2.jpg) no-repeat top left;}
#nav a:hover{ color:#333333;}
#nav span{ color:#333333; padding:4px 7px 3px 8px; background:url(../img/bg_nav.jpg) no-repeat top left;}

#nav .pre { padding:0 0 0 0; margin:3px 0 0 0; background:url(../img/btn84.jpg) no-repeat top; font:12px Arial; color:#666666; width:84px; display:block; float:left; line-height:22px;}
#nav .nex { padding:0 0 0 0; margin:3px 0 0 0; background:url(../img/btn84.jpg) no-repeat top;  font:12px Arial; color:#666666;  width:84px; display:block; float:right; line-height:22px;}
#nav .nex:hover,#nav .pre:hover{ text-decoration:none; color:#333333; background-position:0px -22px;}

#nav .rep{ float:left; width:84px;}

/*---------------------------------------------------------------------------------------------------------*/
/* FICHES
/*---------------------------------------------------------------------------------------------------------*/
#fiche{float:left; width:590px;}
#fiche .image{float:left; width:280px; text-align:center;}
#fiche .titre{float:right;width:290px; padding:0 10px 0 2px; font:13px arial; color:#333; font-weight:bold;}
#fiche .num{float:right;width:290px; padding:0 10px 0 0; font:12px arial; color:#666;}
#fiche .texte{float:right; width:290px; padding:6px 10px 0 0; text-align:justify; font:13px arial; color:#333; line-height:18px;}

#fiche .texte a{ padding:0 0 0 0; margin:6px 0 0 0; background:url(../img/btn84.jpg) no-repeat top;  text-align:center; font:12px Arial; text-decoration:none; color:#666666; width:84px; display:block; float:left; line-height:22px;}
#fiche .texte a:hover{text-decoration:none; color:#333333; background-position:0px -22px;}

/*themes*/
#listthemes{float:left; width:570px; margin:10px 0 0 10px;}
#listthemes .titre{ display:block; float:left;  width:68px; text-align:center; border:1px solid #9B9381; background-color:#9B9381; color:#FFF; font:12px Arial; font-weight:bold; line-height:20px;}
#listthemes .liste{ display:block;  float:left; width:494px; padding:0 0 0 4px;  border:1px solid #9B9381; color:#333; font:12px Arial; line-height:20px; background:url(../img/puceG.jpg) no-repeat #EBEAD7; background-position:0px 8px;}
#listthemes .liste a{ color:#333; text-decoration:none;}
#listthemes .liste a:hover{ text-decoration:underline;}

/*button & price*/
#acheter{float:left; width:570px; margin:14px 0 14px 10px;}
#acheter .btn{ display:block; float:right; padding:0 0 0 20px;}
#acheter .btn a{ display:block; width:190px; height:36px; background:url(../img/ajouter_panier.jpg) no-repeat;}
#acheter .btn a:hover{ background-position:0px -36px;}
#acheter .prix{ display:block; float:right; font:18px Arial; font-weight:bold; color:#0080D1; line-height:36px;}

#acheter .retour a{ padding:0 0 0 0; margin:6px 0 0 0; background:url(../img/btn84.jpg) no-repeat top;  text-align:center; font:12px Arial; text-decoration:none; color:#666666; width:84px; display:block; float:left; line-height:22px;}
#acheter .retour a:hover{ text-decoration:none; color:#333333; background-position:0px -22px;}

/*rupture de stock*/
.rupture{ display:block; float:right; padding:0 0 0 20px;}
.rupture span{ display:block; width:190px; height:36px; background:url(../img/rupture.jpg) no-repeat;}

/*apercu*/
#apercu{ float:left; display:block; width:580px; margin:0 0 10px 10px; padding:0 0 6px 0; }
#apercu .titre{ display:block; float:left; width:570px; background:url(../img/quelques_extraits.jpg) no-repeat #9B9381; height:30px;}
#apercu .liste{float:left; width:580px;}
#apercu .liste a{ float:left; width:90px; background-color:#EBEAD7; margin:6px 6px 0 0; text-align:center;}

/*---------------------------------------------------------------------------------------------------------*/
/* ABONNEMENT
/*---------------------------------------------------------------------------------------------------------*/
.fiche_abo{ float:left; width:580px; padding:10px 0 10px 10px;} .fiche_abo_spe{ border-top:1px dashed #999;}
.fiche_abo .image{float:left; width:190px; text-align:center;}
.fiche_abo .titre{float:left; width:370px; padding:6px 0 4px 10px; font:18px arial; color:#0080D1; font-weight:bold;}
.fiche_abo .details{float:left; width:370px; padding:0 0 2px 10px; font:13px arial; color:#333;}
.fiche_abo .texte{float:left; width:370px; padding:6px 0 2px 10px;  text-align:justify; font:13px arial; color:#333; line-height:18px; }

.fiche_abo .prix{ float:right; display:block; padding:10px 0 0 6px; font:18px Arial; font-weight:bold; color:#0080D1; line-height:36px;}
.fiche_abo .prix span{ font:13px Tahoma; font-weight:normal; color:#666; padding:0 6px 0 0; text-decoration:line-through; line-height:36px;}

.fiche_abo .btn{ display:block; float:right; padding:10px 10px 0 20px; }
.fiche_abo .btn a{ display:block; width:190px; height:36px; background:url(../img/ajouter_panier.jpg) no-repeat;}
.fiche_abo .btn a:hover{ background-position:0px -36px;}

/*---------------------------------------------------------------------------------------------------------*/
/* AGENDA
/*---------------------------------------------------------------------------------------------------------*/
.agenda{ float:left; width:580px; padding:10px 0 10px 10px;} .agenda_spe{ border-top:1px dashed #999;}

.agenda .image{float:left; text-align:center; padding:0 10px 10px 0; }
.agenda .image img{ float:left;}

.agenda .titre{ padding:0 10px 4px 0; font:18px arial; color:#0080D1; font-weight:bold;}

.agenda .date{}
.agenda .date div{ display:inline;  padding:2px 4px 2px 4px; font:12px arial; color:#FFF; background-color:#0080D1;}

.agenda .texte{ padding:6px 10px 2px 0;  text-align:justify; font:13px arial; color:#333; line-height:18px; }
.agenda .texte a{ color:#03F; text-decoration:underline;}
.agenda .texte a:hover{ text-decoration:none;}

/*---------------------------------------------------------------------------------------------------------*/
/* PARTENAIRES
/*---------------------------------------------------------------------------------------------------------*/
.part{ float:left; width:580px; padding:10px 0 10px 10px;} .part_spe{ border-top:1px dashed #999;}

.part .image{float:left; text-align:center; padding:0 10px 10px 0; }
.part .image img{ float:left;}

.part .titre{ padding:0 10px 4px 0; font:18px arial; color:#0080D1; font-weight:bold;}

.part .texte{ padding:0 10px 2px 0;  text-align:justify; font:13px arial; color:#333; line-height:18px; }
.part .texte a{ color:#03F; text-decoration:underline;}
.part .texte a:hover{ text-decoration:none;}

/*---------------------------------------------------------------------------------------------------------*/
/* RECHERCHE
/*---------------------------------------------------------------------------------------------------------*/
/*pas de resultats*/
.message{font:12px arial; color:#333333; padding:0 10px 10px 10px;}
.message a{color:#333333; text-decoration:underline;}
.message a:hover{ text-decoration:none;}

/*-----------------------------------------------------------------------------*/
/* CADDIE & CONTACT
/*-----------------------------------------------------------------------------*/
#C2{ width:590px; float:left;}

/*LABELS CADDIE*/
#menucart{ float:left; width:590px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; background-color:#E8E8E8; margin:0 0 0 0; padding:0 0 0 0;}
#menucart li{ display:block; float:left; font:12px arial; color:#333333; line-height:24px;}
#menucart .a{ padding:0 0 0  104px; width:218px;}
#menucart .b{ width:72px; text-align:right;}
#menucart .c{ width:80px; text-align:center;}
#menucart .d{ width:64px; text-align:right;}

/*CONTENU CADDIE*/
#cartcontent{float:left; width:590px; padding:0 0 0 0;}
#cartcontent .prod{ float:left; display:block; border-bottom:1px solid #E8E8E8; padding:6px 0 6px 0; margin:0 0 0 0;}
#cartcontent .zprod{ border:0px;}
#cartcontent .prod li{ float:left; display:block;}

#cartcontent .prod a{ text-decoration:none;}
#cartcontent .prod .a a{ border:1px solid #E2E2E2; display:block; float:left; width:90px;  background-color:#E2E2E2; text-align:center;}
#cartcontent .prod .a a:hover{ border:1px solid #CCC;}
#cartcontent .prod .a a img{ border:Opx;}

#cartcontent .prod .b{ padding:12px 0 0 10px; font:12px arial; width:218px;}
#cartcontent .prod .b span{ font:12px arial; font-weight:bold;}	
#cartcontent .prod .b a{color:#333333;}
#cartcontent .prod .c{ font:12px arial; color:#333333; padding:22px 20px 0 0 ; width:70px; text-align:right; }


#cartcontent .prod .d input{ float:left; width:18px; text-align:center; font:12px arial; color:#333333; margin:20px 0 0 0; border:1px solid #CCC;}
#cartcontent .prod .d .moins{float:left; display:block; height:12px; width:12px; background:url(../img/moin.jpg) no-repeat top; font-size:0px; line-height:12px; margin:24px 4px 0 0;}
#cartcontent .prod .d .moins:hover{ background-position:0px -12px;}
#cartcontent .prod .d .plus{float:left; display:block; height:12px; width:12px; background:url(../img/plus.jpg) no-repeat top; font-size:0px; line-height:12px; margin:24px 0 0 4px;}
#cartcontent .prod .d .plus:hover{ background-position:0px -12px;}

#cartcontent .prod .d2{ font:12px arial; color:#333333; margin:22px 0 0 0; width:66px; text-align:center;}

#cartcontent .prod .e{ font:12px arial; color:#333333; padding:22px 0 0 0 ; width:70px; text-align:right;}

#cartcontent .prod .f{padding:0 6px 0 26px;}
#cartcontent .prod .f a{float:left; display:block; height:22px; width:22px; background:url(../img/del.jpg) no-repeat top; margin:18px 0 0 0;}	
#cartcontent .prod .f a:hover{ background-position:0px -22px;}

/*INFOS LINE*/
#infoline{ float:left; width:590px;  border-bottom:1px solid #CCC; border-top:1px solid #CCC; background-color:#E8E8E8; margin:0 0 0 0; padding:0 0 0 0;}
#infoline li{  float:left; font:12px arial; color:#333333; line-height:24px; padding:0 0 0 6px;}
#infoline li a{ font:12px Arial; color:#03F; text-decoration:underline;}
#infoline li a:hover{ text-decoration:none;}

/*CONTINUER*/
.continuer{width:290px; margin:11px 0 0 0; float:left; padding:0 0 0 0;}
.continuer li{ display:block; width:290px; font:12px arial; line-height:18px;}
.continuer li a{ display:block; width:148px; margin:9px 0 0 0; font:12px Arial; color:#333333; text-decoration:none;  background:url(../img/btn148_2.jpg) no-repeat top left; line-height:22px; text-align:center;}
.continuer li a:hover{ background-position:0px -22px; text-decoration:underline;} 

/*TOTAL*/
.total{ width:290px; margin:10px 0 0 0; float:right;  padding:0 0 0 0;}
.total li{ display:block; float:right; width:290px; font:12px arial; line-height:18px;}
.total .price{ border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.total .price span{font:20px Arial; color:#0080D1; display:block; float:left; line-height:40px;}
.total .price a{ float:right; display:block; width:148px; margin:9px 0 0 10px; font:12px Arial; color:#FFFFFF; text-decoration:none;  background:url(../img/btn148.jpg) no-repeat top left; line-height:22px; text-align:center;}
.total .price a:hover{ background-position:0px -22px; text-decoration:underline;} 
.total .info{ font:12px Arial; font-weight:bold; color:#CC0000; width:320px; }
.total .info span { border:1px solid #C00; display:block; padding:5px; text-align:center }

/*FORM LOGIN /LIVRAISON / FACTURATION / PAIEMENT*/
/*common*/
.mform{ float:left; font:12px arial; color:#333333; padding:0 0 10px 0; margin:0 0 0 0;}

.mform .titre{background:url(../img/BG_block.jpg) repeat-x bottom; color:#908773; font:15px Tahoma; font-weight:bold; line-height:38px; margin:0 0 10px 0;}

.mform li{float:left; display:block; width:278px; padding:0 0 0 10px; line-height:24px; }
.mform li label{float:left; display:block; width:130px; }
.mform li select{float:left; display:block; font:12px arial; color:#333333; border:1px solid #CCC; height:18px;}
.mform li input{ float:left; border:1px solid #CCC; width:136px; padding:0px; font:12px arial; color:#333; height:18px;}
.mform li textarea{ float:left; border:1px solid #CCC; width:264px; padding:0px; font:12px arial; color:#333333; height:200px;}

.mform .erreur{ color:#FF0000;}

.mform .chk input{ width:18px; border:0px; margin:0px;}
.mform .chk label{float:left; display:block; width:240px; padding:0 0 0 10px; line-height:18px;}

.mform .long select{width:136px;}
.mform .long input{width:264px;}

.mform .link a{ font:10px arial; color:#666;}
.mform .link a:hover{ text-decoration:none;}

.mform .link2 a{ font:12px Arial; color:#0033FF; text-decoration:underline;}
.mform .link2 a:hover{background-color:#E8E8E8;}


.mform .btn a{ padding:0 0 0 0; margin:9px 10px 0 0; background:url( ../img/btn84.jpg) no-repeat top; font:12px Arial; color:#333333; width:84px; display:block; float:right; line-height:22px; text-align:center; text-decoration:none;}
.mform .btn a:hover{ text-decoration:underline; background-position:0px -22px;}

/*changements*/
.form_a{ margin:0 10px 0 0; width:288px;  border:1px solid #CCC; }
.form_b{ margin:0 0 0 0;   width:288px;  border:1px solid #CCC; float:right;}

.form_center{ margin:6px 0 0 150px; .margin:6px 0 0 75px; width:288px;  border:1px solid #CCC;}

.mformb{ border:1px solid #CCC; float:left; margin:0 0 0 0;}

.form_c{  width:295px;}
.form_c li{width:285px;}

.form_d{   width:292px;}
.form_d li{ border-left:1px solid #CCC; padding:0 0 0 14px;}

.form_d .titre, .form_d .btn{ border-left:0px; }

.form_e{ margin:10px 10px 0 0; width:288px;  border:1px solid #CCC;}
.form_f{ margin:10px 0 0 0;   width:288px;  border:1px solid #CCC;}



/*FRAIS DE PORT*/
#frais{ float:left; width:580px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; background-color:#E8E8E8; margin:0 0 0 0;  padding:0 0 0 10px;}
#frais li{ display:block; float:left; font:12px arial; color:#333333; line-height:24px; padding:0 0 0 0; width:500px;}
#frais .tarif{ text-align:right; padding:0 0 0 0; width:66px; padding:0 0 0 0;}

/*TOTAL*/
.totalfin{ width:590px; float:left; border-bottom:1px solid #CCC; border-top:1px solid #CCC; font:20px Arial;  color:#333333; line-height:40px; margin:8px 0 0 0; text-align:center;}

/*REGLEMENT*/
.reglement{ float:left; font:12px arial; color:#333333; padding:0 0 10px 0;}

.reglement .titre{background:url(../img/BG_block.jpg) repeat-x bottom; color:#333333; font:16px Tahoma; font-weight:bold; line-height:38px; margin:0 0 10px 0;}

.reglement li{float:left; display:block; width:288px; padding:0 0 0 0; text-align:center;}

.reglement .btn a{ padding:0 0 0 0; margin:9px auto 0 auto; background:url( ../img/btn148.jpg) no-repeat top; font:12px Arial; color:#FFFFFF; width:148px; display:block;  line-height:22px; text-align:center; text-decoration:none;}
.reglement .btn a:hover{ text-decoration:underline; background-position:0px -22px;}

.r_a{ width:288px;  margin:6px 0 0 150px; .margin:6px 0 0 75px;  border:1px solid #CCC; float:left; }
.r_b{ margin:6px 0 10px 0;   width:288px;  border:1px solid #CCC; float:right; }

/*RETOUR*/
.infos{ float:left; width:588px; margin:10px 0 0 0; border:1px solid #CCC; padding:0 0 10px 0;}
.infos .stitre{float:left; display:block; width:576px; background:url( ../img/BG_block.jpg) repeat-x bottom; color:#908773; font:15px Tahoma; padding:0 0 0 12px;  font-weight:bold; line-height:38px;}
.infos li{ float:left; display:block;  width:556px; font:12px arial; padding:10px 10px 0 10px; line-height:18px;}
.infos li img{ vertical-align:middle;} 
.infos a{ color:#1B3D56; text-decoration:underline;}
.infos a:hover{color:#1B3D56; text-decoration:none;}

.infos .btn a{ display:block; width:148px; margin:2px 0 0 0; font:12px Arial; color:#FFFFFF; text-decoration:none;  background:url(../img/btn148.jpg) no-repeat top left; line-height:22px; text-align:center;}
.infos .btn a:hover{ background-position:0px -22px; text-decoration:underline;} 

/*FORMULAIRE RETOUR*/
#email_envoye
{
	float:left; width:570px;
	padding:0 0 0 10px; 
	margin:10px 0 0 0;
	font:12px Arial;
	color:#333333;
}
#email_envoye .email_envoye_btn a{ padding:0 0 0 0; margin:9px 10px 0 0; background:url( ../img/btn84.jpg) no-repeat top; font:12px Arial; color:#FFFFFF; width:84px; display:block; float:left; line-height:22px; text-align:center; text-decoration:none;}
#email_envoye .email_envoye_btn a:hover{ text-decoration:underline; background-position:0px -22px;}