/* --------------------------------------------------------------------
     			BOUTIQUE BAYARD JEUNESSE - BAYARD
         	  ---- Technical team stylesheet ----
	        To be used in combination with "main.css"
			  		 Atos Worldline, 2009
-------------------------------------------------------------------- */
/* Please, be sure to have here ONLY the styles that
have different properties as defined in the main CSS.
Do not duplicate the original main CSS in a whole */ 

a{outline:none;}
#mainCnt .underdashed {
  border-bottom:1px dashed #444;
  padding-bottom:10px;
}
#newsSubscription p {
  line-height:normal;
}

/* --- PULLDOWN INDEX FOR MAGAZINES --- */

/* Opens pulldown */
#mainNav li:hover div, #mainNav li.over div {display: block;}

#mainNav li div {
	display: none;
	position: absolute;
	color: inherit;
	background: #FFF;
	padding: 8px 10px;
	border: 1px solid #e4e4e4;
	z-index: 10;

	width: 200px;
}
#mainCnt .faqp
{
  background-color:#02aff3;
  border-bottom:4px solid #538dd6;
  text-align:center;
  padding:3px;
  font-size:110%;
  color:#fff;
  font-weight:bold;
  margin-bottom:15px;
}

#mainNav{
    width:100%;
    padding-left:0;
}

#mainNav a.yellowTab {
	background: #FFEC00 url(../imgs/bg_tabs.png) right -201px no-repeat;
  border-color: #FFEC00;
}
#mainNav a.yellowTab:hover {
  color: #333;
  background: #FFF url(../imgs/bg_tabOn.png) top right no-repeat;
}
#mainNav li div#magazineIndex, #mainNav li div#magazine2Index, #mainNav li div#magazine3Index {
	width: 280px; /* 200px */
}
#tools
{
  right:45px;
  /* width:650px;*/
}
#transversalCnt
{
  width:158px;
}
#helpBox h3
{
  width:auto;
}
.sm
{
  font-size:0.7em;
}
#helpBox p
{
  width: auto;
  padding: 10px 0 0 70px;
}
#helpBox p.help {
	text-align:center;
	padding: 20px 0 10px 0;
	font-weight:bold;
	color:#2989D7;
	font-size:70%;
	background:url("../imgs/bg_client_gradient.gif") repeat-x scroll left bottom transparent;
}

#mainNav li div ul {
	float: left;
	width: 120px;
	margin: 0 15px 0 0;
}
#mainNav li div ul ul {
	float: none;
	width: auto;
	margin: 0;
}
#mainNav li div li {
	float: none;
	width: 264px; /* 250 */
	font-weight: bold;
	color: #666;
	padding-bottom: 3px;
	margin: 0;
	list-style-type:none;
	border-bottom: solid #e4e4e4 1px;
}
#mainNav li div li ul {
	margin-top: 8px;
}
#mainNav li div li a:link, #mainNav li div li a:visited {
	display: inline;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	background-color: transparent;
	background-image: none;
	padding: 0;
	border: 0;
}
#mainNav li div li ul a:link, #mainNav li div li ul a:visited {
	font-weight: normal;
	color: #666;
}
#mainNav li div li a:hover, #mainNav li div li ul a:hover {
	text-decoration: underline;
	color: #666;
	background-color: transparent;
	background-image: none;
}


.ppLoad{
	margin: 0 0 0 50%;
}

/* Fields Address*/
#address_ipNom, #address_ipPNom, #address_ipDelNom, #address_ipDelPNom {width: 18.5em;}
#address_ipCpltNom, #address_ipSoc, #address_ipDelSoc, #address_ipDelCpltNom, #address_ipAddress1, #address_ipDelAddress1, #address_ipAddress2, #address_ipDelAddress2, #address_ipAddress3, #address_ipDelAddress3 {width: 30em;}
#address_ipZipCode, #address_ipDelZipCode {width: 4em;}
#address_ipTown, #address_ipDelTown {width: 20em;}
#address_ipBirth, #address_ipDelBirth {width: 6em;}
#address_ipDelEmail {width: 20em;}

#coordonnees_ipNom, #coordonnees_ipPNom, #coordonnees_ipDelNom, #coordonnees_ipDelPNom {width: 20em;}
#coordonnees_ipCpltNom, #coordonnees_ipSoc, #coordonnees_ipDelSoc, #coordonnees_ipDelCpltNom, #coordonnees_ipAddress1, #coordonnees_ipDelAddress1, #coordonnees_ipAddress2, #coordonnees_ipDelAddress2, #coordonnees_ipAddress3, #coordonnees_ipDelAddress3 {width: 30em;}
#coordonnees_ipZipCode, #coordonnees_ipDelZipCode {width: 4em;}
#coordonnees_ipTown, #coordonnees_ipDelTown {width: 20em;}
#coordonnees_ipBirth, #coordonnees_ipDelBirth {width: 6em;}
#coordonnees_ipLogEmail, #coordonnees_ipDelEmail {width: 20em;}

#subscriber_ipMyNom, #subscriber_ipMyPNom, #subscriber_ipMyEmail {width: 20em;}
#subscriber_ipMyZipCode {width: 4em;}
#subscriber_ipMagazine {width: 15em;}
#subscriber_ipUserNum {width: 10em;}

#identification_email {width: 15em;}

#identifiers_ipLogEmail {width: 15em;}

#delivery_ipNom, #delivery_ipPNom {width: 20em;}
#delivery_ipCpltNom, #delivery_ipSoc, #delivery_ipAddress1, #delivery_ipAddress2, #delivery_ipAddress3  {width: 30em;}
#delivery_ipZipCode  {width: 4em;}
#delivery_ipTown  {width: 20em;}
#delivery_ipBirth  {width: 6em;}
#delivery_ipCadoEmail  {width: 20em;}

/* Contextual error messages */
select.inputError {}

.errorForm {
	font-weight: bold;
	color: #C00;
	padding-left: 160px;
}

.errorFormLogin{
	font-weight: bold;
	color: #C00;
	padding-left: 90px;
}

#frLogin span.errorLogCart, #frLogin p.errorLogCart{
	background: none;
	color:#CC0000;
	font-weight:bold;
	padding-left:0px;
	float: none;
	display: inline-block;
	font-size:0.7em;
}

#frLogin p.errorLogCart span {
	float: left;
}

div.errorBoxLogin {
	float: left;
	font-weight: bold;
	color: #C00;
	padding: 5px 5px 5px 5px;
	margin-bottom: 15px; 
}

.newsletterForm {
	color: #C00;
}

.promotionForm {
	font-weight: bold;
	line-height: 100%;
	/* margin-top: -5px;*/
}

/*p.buy {
	float:right;
}*/

p.noFloat{
	float: none;
}
/* sendToFriend */
#toFriendSent {
	border-top: 1px dotted #666;
}
#toFriendSent p {
	margin: 25px;
	text-align: center;
}

#counterToFriend {
	float: right;
	width: 100px;
}

#frInBasket input.qttyInput {
	width:2em;
}

#frLogin label.basket{
	width: auto;
}

/* Accordion container */
div.myDataBoxUserIdentified {
	clear: both;
	margin-bottom: 20px;
}

/* Block title */
div.myDataBoxUserIdentified h2 {
	font-size: 1.1em;
	color: #FFF;
	background: #2989D7 url(../imgs/pic_unfold.png) 742px no-repeat;
	padding: 5px 8px;
	margin-bottom: 5px;
	cursor: pointer;
}
div.myDataBoxUserIdentified h2.active {
	color: #FFFFFF;
	background: #CCCCCC url(../imgs/pic_fold.png) 742px no-repeat;
}

/* Page panier taille colonne tableau*/
div.purchaseData td.qtty {
	width:15%;
}

div.purchaseData tr td.deleteData {
	width:5%;
}

div.purchaseData table.totalLine td {
	border:none;
}

.fraisPort{
	padding: 5px 5px 5px 55px;
	color: #CC0000;
}
.fraisPort ul li{
	list-style:none;
}

/* --- FAKE POPUP PRIME --- */
div.ppWindowPrime {
	color: inherit;
	background: transparent url(../imgs/bg_popup.png) repeat;
	padding: 50px;
	margin: 0 auto;
	border: 2px solid ##2989D7;
}

div.ppWindowPrime p.close {}

div.ppWindowPrime a:link {
	text-decoration:none;
}

#severalGifts div.giftBox span.viewerPrime {
	clear:both;
	float:left;
	font-size:0.8em;
	padding:3px 5px;
	text-align:center;
	width:340px;
}

/* --- FAKE POPUP TARIF --- */
div.ppWindowTarif {
	color: inherit;
	background: transparent url(../imgs/bg_popup.png) repeat;
	padding: 50px;
	margin: 0 auto;
	border: 2px solid #2989D7;
}

div.ppWindowTarif p.close {}

#oneGift dd.viewerTarif, #severalGifts dd.viewerTarif , #complementary dd.viewerTarif, #offers dd.viewerTarif {
	font-size: 1em;
	text-align: left;
	white-space: nowrap;
	/*overflow: hidden;*/
}
	
#frUserData label {
width:13em;
}

#frTradeData label {
width:13.5em;
}

#fsGift label {
width: 117px;
}

#vCart{
display: inline;
}
#add2Basket div.formButtons p{
float:none;
display:inline;
}
#inBasket span.cgv{
	display:none;
}

#inBasket div.dataBox div.hproduct div.productData {
	height: 170px;
}

#inBasket div.dataBox div.hproduct div.productData  dl{
	height: 150px;
}

#inBasket div.dataBox div.hproduct div.priceBox p.choicedesc, #inBasket div.dataBox div.hproduct div.priceBox p.info  {
	height: 30px;
}

/* Page mode de passe oublie */
#mdpBody{
margin: 0 0 0 25px;
height: 550px;
}
#mdpBody .form{
text-align:center
}
#mdpBody p{
font-size:0.75em;
}
#mdpBody p.title{
font-weight:bold;
margin:0 0 10px;
}
#mdpBody p.header{
border-bottom:2px solid #CCCCCC;
margin:0 0 10px;
padding:5px 0;
}
#mdpBody fieldset{
border:medium none;
padding:0;
text-align:left;
margin:0 0 0 200px;
}
#mdpBody div.formButtons{
margin:7px 0 0 45px;
text-align:left;
width:50%;
float:left;
}
#mdpBody form p{
margin:0;
}
#mdpBody form {
margin:0 0 15px 0;
overflow:hidden;
}
#mdpBody input.long{
width:200px;
}
#mdpBody ul.discover a{
	padding-left:15px;
}
#mdpBody a{
	background:#FFFFFF url(../imgs/bullet_lk.gif) no-repeat scroll 0 2px;
	color:#333333;
	padding-left:15px;
	font-weight:bold;
}
#mdpBody p.errorBox, #mdpBody label{
	float:none;
}
/* detail commande */
div.recallOrder {	
	float: left;
	width: 293px;
	margin-top: 20px;
}

div.recallOrder h4 {
	color: #2989D7;
	background: #EEE;
	padding: 3px 8px 4px;
}

div.recallOrder p {
	font-size: 0.8em;
	margin: 10px 8px;
}

div.recallOrder dl.vcard {
	float: left;
	width: 12em;
	font-size: 110%;
 	padding: 10px 15px;
}

div.recallOrder dl.vcard dt {padding-bottom: 8px;}
div.recallOrder ul {font-size: 110%; margin: 0 0 0 23px;}
div.recallOrder ul dl.vcard {float: none; font-size: 130%; padding-left: 0;}
div.recallOrder ul dl.vcard dt {padding-bottom: 0;}

div.jTipHidden {display: none;}

#userData p.customerData, #userDataIdent p.customerData{
	padding: 0 5px 0 10px;
	background: none;
}
div.changeAdd{
	display:none;
}
div div.errorBox{
	width:auto;
}
#frLogin .lostPwd{
float:right;
list-style-type:none;
padding-right:78px;
margin-left:0;
}
p.errorBox{
color:#CC0000;
float:left;
font-weight:bold;
margin-bottom:15px;
padding:5px;
}
#codeData {
width: 19em;
padding:8px 0 8px 10px;
}

#codeData p.validate input{
font-weight: bold;
padding: 2px 0 5px 3px;
}

#codeData h3{
margin: 3px 3px 0 0;
float:left;
}
#codeData a{
margin: 5px 3px 0 0;
float:left;
}
#codeData br{
display:none;
}
#frCode h3{
background:#FF9933 url(../imgs/bg_subscript_tit.gif) no-repeat scroll 0 0;
float:left;
font-size: 90%;
padding:0px 1px 0 20px;
}

#frCalculette .thumbnail{
	display:block;
	height:130px;
}
#frCalculette .productData{
	height:145px;
}
#frCalculette div.priceBox{
        margin-top:20px;
}
#frCalculette div.hproduct dt.name{
	display:block;
	height:50px;
}
#frCalculette .empty{
	text-align:center;
	height:80px;
	padding-top: 50px;
}
#frCalculette div.hproduct dd.age {
	padding:0 0 8px 2px;
	/*height:15px;*/
}
#page{
z-index:10;
position:relative;
}


p.mentions {
  font-size: 0.6em;
  color: #808080;
}

img.zoom {
  border:0 none;
  margin:-10px 0 0 60px;
  position: relative;
}
#fsChequeCadeau{
	margin-top:15px;
}

/** product detail boutique CADEAU  **/
a.focus {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  float:none;
  padding:3px;
  width:99px;
  display: block;
  margin-top: 10px;
}
a:hover.focus {
  background:#2989D7 none repeat scroll 0 0;
  border:1px solid #2989D7;
  float:none;
  padding:3px;
  width:99px;
  display: block;
  margin-top: 10px;
}
.focus span {
  display: block;
  background: #FFF;
}
.focus span.comments {
  display: inline;
  padding-left: 5px;
  background: #FFF;
}
#severalGifts span.info{
  font-size:1em;
  font-weight:bold;
  /*width:105px;*/
}
#oneGift div.giftBox ul {
  list-style-type: none;
  padding: 12px;
}

p.choicedesc {
  font-size: 0.75em;
  padding: 0 5px 5px 0;
}

div.data dl.vcardAbos {
  width: 100%;
}

#invoiceView td dt {
  padding-top: 0;
}

#invoiceView td dd, #invoiceView td li {
  font-size: 0.85em;
}

#myInvoiceAdd div.dataBox {
	width: 100%;
	float: left;
}

#myInvoiceAdd div.dataBox div.dataBox2 {
	width: 50%;
	float: left;
}

#myInvoiceAdd div.dataBox2 dl{
	margin-top: 15px;
}

#productPerAge div.productData{
        min-height:180px;
        /min-height:35px;
}

#catalogPerAge div.productData {
        min-height:190px;
        /min-height:60px;
}

/* Back to top of the page */	
/* Back to top of the page */
#pageTopCalc {
	color:#000000;
	float:left;
	padding:8px 24px;
	position:relative;
	width:941px;
}
	
#pageTopCalc p {
	clear:both;
	color:#666666;
	font-size:0.65em;
	font-weight:bold;
	letter-spacing:0.3em;
	padding:4px 5px 5px;
	text-align:right;
}
	#pageTopCalc p a:link, #pageTopCalc p a:visited {
		background:transparent url(../imgs/pic_top.gif) no-repeat scroll right top;
		display:block;
		padding:6px 30px 6px 5px;
		text-decoration:none;
	}
	
#results div.hproduct p.thumbnail {
	min-height: 150px;
}

#bestSeller dt.name {clear: both;}

div.toolTip div.content {
	float:left;
	font-size:0.75em;
	margin:5px;
}

.old-reduc {
	color:#CC0000;
	font-size:1.2em;
	font-weight:bold;
	padding:0 5px 0 0;
}

div.generalErrorBox h3 {
	background:#2989d7 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:80%;
	line-height:1em;
	margin-bottom:8px;
	padding:3px 5px 4px 8px;
}
div.generalErrorBox p {
	padding:0 0 5px;
	width:auto;
}
div.generalErrorBox ul {
	padding:8px 3px 10px 23px;
}

div.ppWindowModifCoord{
	width: 600px;
	color: inherit;
	background: transparent url(../imgs/bg_popup.png) repeat;
	padding: 50px;
	margin: 0 auto;
	border: 2px solid #2989D7;
}
	div.ppWindowModifCoord p.close {}

div.ppWindowModifCoord p.note {
	float:left;
	margin:8px 0;
	padding-top:8px;
	width:100%;
}

#boxNomPrenom {
	background:#EEEEEE url(../imgs/bg_message.gif) no-repeat scroll 5px 7px;
	float:right;
	height:100px;
	margin:-5px 10px 0 0px;
	width:156px;
	font-size: 14px;
}

#boxNomPrenom2 {
	background:#EEEEEE url(../imgs/bg_message.gif) no-repeat scroll 5px 7px;
	float:right;
	height:75px;
	margin:-5px 10px 0 0;
	width:220px;
}

#boxNomPrenom p, #boxNomPrenom2 p{
	margin: 8px 25px;
}

#modifyCreate, #modifyUpdate {
	vertical-align: middle;
}

#details {
	color: #2989D7;
}

#feuilletage {
	color: #2989D7;
}


#promo {
}

#id_encadre .info {
	color: #2989D7;
}

.bandeaucalcdroite {
	float: right;
	width: 288px;
}

#frInBasket dt.name {
	font-size: 1.1em;
}

#inBasket h3.error {
	font-size: 110%;
}

#transversalNav ul li.myAccountLink {
	font-size: 0.75em;
}

#invoiceView h4 , #invoiceView span.info{
	font-size: 90%;
}

p.thumbnailBasket {
	display:inline;
	float:left;
	margin-right:2%;
	width:40%;
}

div.recall ul dl.vcard dt.fn {
	color: #666666;
}

#userData p.customerLink , #userDataIdent p.customerLink {
	width: 136px;
	line-height: 31px; 
	background: transparent url(../imgs/bg_pic_homme.gif) 120px 3px no-repeat;
	padding: 0 5px 0 10px;
}

dl.vcardAbos dt.type, dl.vcardAbos dd {
	font-size: 1em;
}

div.ppWindowCGV{
	width: 660px;
	color: inherit;
	background: transparent url(../imgs/bg_popup.png) repeat;
	padding: 50px;
	margin: 0 auto;
	border: 2px solid #2989D7;
}
	div.ppWindowCGV p.close {}
	
#scrollCGV {
	height: 400px;
	overflow: hidden;
	position: relative;
}

#mainCntCGV {
	float: left;
	display: inline;
	width: 586px;
	margin-left: 5px;
	position: absolute;
	height:5803px;
}

#mainCntCGV .faqp
{
  background-color:#2989d7;
  text-align:center;
  padding:5px;
  font-size:110%;
  color:#fff;
  font-weight:bold;
  margin-bottom:15px;
}

#actionsCGV {
  float: right;
  height: 400px;
}

#nextCGV {
  float: left;
  position: absolute;
  margin-top: 350px;
<<<<<<< .mine
<<<<<<< .mine
}
=======
}
>>>>>>> .r3030
=======
}
#mainCnt .cgvtitreb {
border-bottom:2px solid #f79937;
color:#f79937;
display:block;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
padding:3px;
text-align:left;
}

#mainCnt .cgvtitre{
	color:#00b2f1;
	font-size:14px;
	font-weight:bold;
	text-decoration: underline;
}

>>>>>>> .r3252