/**************************************************************/
/*     SHOP in the SHOP - Doremikdo - tout droits réservés    */
/**************************************************************/


/***** HTML tag Definition ************************************/

body, td, th
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #6f6f6f;
	cursor: default;
	background-repeat: no-repeat;
	vertical-align: middle;
	overflow: auto;
}
div
{
	background-repeat: no-repeat;
}
form
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
input
{
}
h1, h2, h3, h4, h5, h6, p, ul, li
{
	padding: 0px;
	margin: 0px;
}
h1
{
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	margin: 0px 15px 5px 15px;
}
h1 span
{
	font-size: 30px;
	line-height: 25px;
}

h2
{
	font-size: 13px;
	border-bottom: 1px solid #6f6f6f;
	margin: 25px 15px 5px 15px;
}

.h2_checkout
{
	font-size: 13px;
	color: Black;
	font-weight: bold;
	margin: 15px 15px 0px 15px;
}


h3
{
	font-size: 9px;
	margin: 0px 15px 5px 15px;
}

p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 15px;
	color: #2d3031;
}
p.price
{
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	color: #000000;
}

.pService
{
	font-size: 11px;
	margin: 0px 15px 5px 35px;
}

blockquote
{
	margin: 0px 0px 0px 15px;
}

ul
{
	font-size: 9px;
	margin: 0px 15px 5px 15px;
}

li
{
	font-size: 9px;
	margin: 0px 15px 0px 25px;
}



.m, .m a
{
	color: #7fcbe4;
	font-weight: normal;
}
.f, .f a
{
	color: #f081ab;
	font-weight: normal;
}
.prod, .prod a
{
	color: #6f6f6f;
	font-weight: normal;
}

a
{
	color: #6f6f6f;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}


/***** General Layout Definition ******************************/

body
{
	margin: 0px 0px 0px 0px;
	background-color: #fdf2c1;
	background-image: url(../../Images/bodyBack1.jpg);
	background-position: left 52px;
}
.bodyBack
{
	width: 100%;
	height: 100%;
	background-image: url(../../Images/bodyBack2.jpg);
	background-position: right 384px;
}

.pg
{
	height: 100%;
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../../Images/pgBack.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}
.pg .borderLeft
{
	background-image: url(../../Images/pgBorderLeft.png);
	background-repeat: repeat-y;
	width: 11px;
}
.pg .borderLeft div
{
	background-image: url(../../Images/pgBorderLeftTop.jpg);
	width: 11px;
	height: 54px;
}
.pg .borderRight
{
	background-image: url(../../Images/pgBorderRight.png);
	background-repeat: repeat-y;
	width: 11px;
}
.pg .borderRight div
{
	background-image: url(../../Images/pgBorderRightTop.jpg);
	width: 11px;
	height: 54px;
}
.pg .middle
{
	background-image: url(../../Images/pgMiddlePerso.gif);
	background-position: bottom center;
}
.pg .middleBack
{
	background-image: url(../../Images/pgMiddleBack.jpg);
	background-position: top center;
	height: 100%;
}
.pg .borderBottom
{
	background-image: url(../../Images/pgBorderBottom.jpg);
	background-position: top middle;
	height: 0px;
	text-align: center;
	font-size: 10px;
	vertical-align: top;
	padding: 10px 0px 0px 0px;
}


.left
{
	text-align: left;
	height: 100%;
	width: 149px;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}
.right
{
	text-align: right;
	height: 100%;
	width: 149px;
	float: right;
	position: relative;
	top: 0px;
	left: 630px;
}

.menu
{
	margin: 33px 15px 0px 15px;
	color: #ffffff;
	font-weight: bold;
}
.menu a
{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

.center
{
	width: 580px;
	margin: 18px 0px 0px 0px;
	padding: 0px 25px 0px 25px;
	vertical-align: top;
	float: right;
	position: relative;
	top: 0px;
	right: 149px;
}
.GoHome
{
	width: 100%;
	height: 36px;
	display: block;
	line-height: 10px;
	overflow: hidden;
}

.container_bottom_mix
{
	width: 794px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	vertical-align: top;
	float: none;
	position: relative;
	right: 0px;
	height: 88px;
}

.container_top_mix
{
	width: 100px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	vertical-align: top;
	float: none;
	position: relative;
	top: 0px;
	right: 149px;
}

#perso2_cd1
{
}

#perso2_cd2
{
}


.container_fond
{
	width: 105px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	vertical-align: top;
	float: none;
	position: relative;
	right: 0px;
}

#fondgauche_cd
{
}



#fonddroit_cd
{
}

/***** Buttons of the detail page *****************************/

.AddCart
{
	background-color: transparent;
	border: none;
	width: 147px;
	height: 37px;
	margin: 12px 0px 0px 4px;
	cursor: pointer;
}
.TellAFriend
{
	width: 133px;
	height: 37px;
	background-image: url(../../Images/btTellAFriend.png);
	margin: 12px 0px 0px 4px;
	display: block;
}
.TellAFriend span
{
	display: none;
}
.Play
{
	background-color: transparent;
	border: none;
	width: 15px;
	height: 14px;
	background-image: url(../../Images/btPlay.png);
	margin: 3px 5px 0px 0px;
	float: right;
	cursor: hand;
}

.list
{
	background-image: url(../../Images/listBack.gif);
	background-repeat: repeat;
	width: 380px;
	padding: 0px 0px 0px 7px;
	margin: 0px 10px 0px 10px;
}
.list p
{
	line-height: 20px;
	font-weight: bold;
	color: #98c9e2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#FlashPlayer
{
	width: 150px;
	height: 20px;
	overflow: hidden;
	clear: none;
	margin: 30px 0px 5px 0px;
}

.lyrics
{
	background-image: url(../../Images/lyricsTop.gif);
	background-position: top right;
	margin: 0px 15px 25px 15px;
}
.lyrics .bottom
{
	background-image: url(../../Images/lyricsBottom.gif);
	background-position: bottom right;
	padding: 1px 18px 12px 0px;
}

.lyrics table
{
	border: 0px solid #98c9e2;
	margin: 8px 0px 0px 0px;
	width: 360px;
}
.lyrics td
{
	padding: 5px 5px 5px 5px;
	font-style: italic;
}
.lyrics td b
{
	font-style: normal;
}

#cart
{
	width: 105px;
	height: 196px;
	position: absolute;
	z-index: 1000;
	font-size: 10px;
	font-weight: normal;
	top: 60px;
	left: 900px;
	display: none;
}
#cart .A1
{
	padding: 83px 10px 0px 10px;
	width: 85px;
	height: 80px;
	background-image: url(../../Images/cart1.png);
}

#cartContent
{
	height: 76px;
	background-position: center center;
	overflow: hidden;
}
#cart .A2
{
	width: 7px;
	height: 27px;
	float: left;
	background-image: url(../../Images/cart2.png);
}
#cart .Order
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 95px;
	height: 27px;
	float: left;
	background-image: url(../../Images/cart3.gif);
	background-color: transparent;
	border: 0px solid transparent;
	cursor: pointer;
}
#cart .C2
{
	width: 3px;
	height: 27px;
	float: left;
	background-image: url(../../Images/cart4.png);
}
#cart .A3
{
	clear: both;
	width: 105px;
	height: 6px;
	font-size: 1px;
	background-image: url(../../Images/cart5.png);
}

#checkout
{
	width: 210px;
	position: absolute;
	top: 36px;
	right: -179px;
	z-index: 1000;
}
#checkout .A1
{
	height: 102px;
	background-image: url(../../Images/checkout1.gif);
}
#checkout .A2
{
	height: 247px;
	background-image: url(../../Images/checkout2.gif);
	background-repeat: repeat-y;
	padding: 3px 13px 0px 11px;
}

#checkoutContent
{
	width: 100%;
	height: 100%;
	background-position: center center;
	overflow: hidden;
}
#checkout .content
{
	width: 100%;
	height: 100%;
}

#checkout .content td
{
	background-color: #FFFFFF;
	border-right: 4px solid #ffe67e;
	border-bottom: 1px solid #ffe67e;
	padding: 9px 5px 9px 5px;
}
#checkout .content .quantity
{
	width: 45px;
	height: 13px;
	overflow: hidden;
	text-align: right;
	float: right;
	vertical-align: top;
}
#checkout .content .quantity img
{
	cursor: pointer;
}
#checkout .content br
{
	line-height: 5px;
}
#checkout .content .option
{
	height: 19px;
	font-weight: bold;
	background-color: #ffffff;
	border-top: 1px solid #ffe67e;
	border-right: 4px solid #ffe67e;
	border-bottom: 1px solid #ffe67e;
}
#checkout .content .option span
{
	color: #e4523c;
}
#checkout .content .total
{
	height: 19px;
	font-weight: bold;
	background-color: #e4523c;
	color: #FFFFFF;
	border-top: 4px solid #ffe67e;
	border-right: 4px solid #ffe67e;
	border-bottom: 1px solid #ffe67e;
}

#checkout .A3
{
	height: 8px;
	background-image: url(../../Images/checkout3.gif);
}
#checkout input
{
	cursor: pointer;
}


#CreditCards
{
	background-image: url(../../Images/creditcards.gif);
	width: 128px;
	height: 248px;
	position: absolute;
	top: 62px;
	left: -138px;
	z-index: 1000;
}
#ContactMail
{
	background-image: url(../../Images/mail.gif);
	width: 133px;
	height: 72px;
	position: absolute;
	top: 350px;
	left: -142px;
	z-index: 1000;
	cursor: pointer;
}
#ContactMail span
{
	display: none;
}
.email
{
	width: 400px;
	height: 503px;
	background-image: url(../../Images/email-open.gif);
	background-repeat: no-repeat;
	padding: 40px 10px 0px 35px;
	margin: 0px 0px 0px 10px;
}
.email label
{
	width: 100px;
	text-align: right;
	color: #707070;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}
.email input
{
	font-family: Verdana, Arial;
	font-size: 11px;
	width: 190px;
	height: 22px;
	margin: 0px 0px 0px 5px;
	padding: 2px 5px 0px 5px;
	border: 1px solid #b7b7b7;
}
.email textarea
{
	font-family: Verdana, Arial;
	font-size: 11px;
	width: 190px;
	height: 88px;
	margin: 0px 0px 0px 5px;
	padding: 2px 5px 0px 5px;
	border: 1px solid #b7b7b7;
}
.email .gift-, .email .gift-m, .email .gift-f
{
	background-image: url(../../Images/cado_m.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 200px;
	height: 55px;
	padding: 15px 10px 0px 45px;
	margin: 0px 0px 0px 5px;
}
.email .gift-f
{
	background-image: url(../../Images/cado_f.gif);
}

.formperso p
{
	width: 400px;
	clear: left;
	margin: 0;
	padding: 5px 5px 8px 0;
	padding-left: 4px; /*width of left column containing the label elements*/
	border-top: 0px dashed gray;
	height: 1%;
}

.formperso label
{
	font-weight: bold;
	float: left;
	margin-left: 25px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.formperso input.off, .formperso textarea.off, .Address input.on, .Address textarea.on, .Address select
{
	border: 1px solid #b7b7b7;
	overflow: auto;
	float: left;
	clear: right;
}
.formperso input.on, .formperso textarea.on
{
	border: 2px solid #c75340;
}


#sendMail, #Submit
{
	width: 134px;
	height: 38px;
	margin: 20px 0px 0px 82px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 5px 0px;
	background-color: transparent;
	border: 0px solid transparent;
	background-image: url(../../Images/btRed.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}
#Back
{
	width: 134px;
	height: 38px;
	margin: 20px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 5px 0px;
	background-color: transparent;
	border: 0px solid transparent;
	background-image: url(../../Images/btRed.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}

.Personnalisation
{
	clear: both;
	text-align: left;
}
.Personnalisation h1
{
	color: #474747;
	font-weight: bold;
	font-size: 13px;
	clear: both;
	margin: 20px 0px 0px 0px;
}
.Personnalisation label
{
	font-size: 10px;
	width: 90px;
	display: inline;
	float: left;
	text-align: right;
	color: #707070;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	border: 0px solid transparency;
}
.Address
{
	clear: both;
	text-align: left;
}
.Address h1
{
	color: #474747;
	font-weight: bold;
	font-size: 13px;
	clear: both;
	margin: 20px 0px 0px 0px;
}
.Address label
{
	width: 90px;
	display: inline;
	float: left;
	text-align: right;
	color: #707070;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	border: 0px solid transparency;
}
.Address input.off, .Address textarea.off, .Address input.on, .Address textarea.on, .Address select
{
	font-family: Verdana, Arial;
	font-size: 11px;
	height: 22px;
	width: 280px;
	margin: 0px 0px 3px 5px;
	padding: 2px 5px 0px 5px;
	border: 1px solid #b7b7b7;
	overflow: auto;
	float: left;
	clear: right;
}
.Address input.on, .Address textarea.on
{
	border: 2px solid #c75340;
}


.Address #Submit
{
	width: 124px;
	height: 38px;
	margin: 20px 0px 0px 0px;
	background-image: url(../../Images/btPay.png);
	clear: both;
}

#MDcgv
{
	width: 36px;
	border: 0px solid transparent;
	vertical-align: bottom;
}
#MDcgv.on
{
	border: 2px solid #c75340;
}

#labelcgv
{
	width: 400px;
	text-align: left;
	margin: 3px 0px 0px 0px;
}

#erreur
{
	color: #c75340;
	font-weight: bold;
	margin: 0px 0px 10px 95px;
	display: none;
}
#flippingbook
{
	margin-bottom: 15px;
	margin-top: 10px;
	margin-left: 25px;
	font-style: normal;
	font-weight: normal;
}
#accorservices
{
	width: 135px;
	height: 95px;
	background-image: url(../../Images/epp/accorservices.png);
	position: absolute;
	top: -10px;
	left: 100px;
	z-index: 1000;
}

#formcheckout
{
	position: relative;
	left: 80px;
	width: 450px;
}

.imagePaiement
{
	padding-left: 25px;
}

.accroche_home_top
{
	display: block;
	color: #7FCBE4;
	margin-left: 20%;
	margin-bottom: 6px;
	margin-right: 6px;
	margin-top: 0px;
	text-align: left;
	width: 400px;
	font-size: 27px;
	font-weight: normal;
}

.accroche_home_top_red
{
	display: block;
	margin-left: 20%;
	margin-bottom: 6px;
	margin-right: 6px;
	margin-top: 0px;
	text-align: left;
	width: 400px;
	font-size: 25px;
	color: #ff6d69;
}

.titreService
{
	padding-top: 76px;
}

.accroche_home_topPrenom
{
	display: block;
	color: #00c0f1;
	margin-left: 0%;
	margin-bottom: 6px;
	margin-right: 6px;
	margin-top: 25px;
	text-align: left;
	width: 400px;
	font-size: 30px;
}


#panierTest
{
	width: 105px;
	height: 209px;
	position: absolute;
	z-index: 1000;
	font-size: 10px;
	font-weight: normal;
	top: 58px;
	left: 890px;
	background-image: url(../../Images/cart1.gif);
}

#panierTest .A1
{
	padding: 83px 10px 0px 10px;
	width: 85px;
	height: 80px;
	background-image: url(../../Images/cart1.png);
}


#panierTest .A2
{
	width: 7px;
	height: 27px;
	float: left;
	background-image: url(../../Images/cart2.png);
}
#panierTest .Order
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 95px;
	height: 27px;
	float: left;
	background-color: transparent;
	border: 0px solid transparent;
	cursor: pointer;
}
#panierTest .C2
{
	width: 3px;
	height: 27px;
	float: left;
	background-image: url(../../Images/cart4.png);
}
#panierTest .A3
{
	clear: both;
	width: 105px;
	height: 6px;
	font-size: 1px;
	background-image: url(../../Images/cart5.png);
}



.textOrder
{
	font-size: 9px;
}

.divValider
{
	cursor: pointer;
}

.imgCheckout
{
	padding-right: 30px;
}

.checkoutForm
{
	border: 1px solid #b7b7b7;
	width: 280px;
}

.checkoutFormCp
{
	border: 1px solid #b7b7b7;
	width: 60px;
}

.checkoutFormVille
{
	border: 1px solid #b7b7b7;
	width: 170px;
}

.tableauCheckOut
{
	font-weight: bold;
	color: #6F6F6F;
}

#panierCheckout
{
	width: 421px;
	height: 209px;
	position: absolute;
	z-index: 1000;
	font-size: 10px;
	font-weight: normal;
	top: 95px;
	left: 897px;
	background-image: url(../../Images/checkout1.gif);
}

#panierCheckout .A1
{
	padding: 83px 10px 0px 10px;
	width: 421px;
	height: 80px;
	background-image: url(../../Images/checkout1.gif);
}

#panierCheckout .A2
{
	height: 247px;
	width: 421px;
	position: relative;
	top: -65px;
	background-image: url(../../Images/checkout2.gif);
	background-repeat: repeat-y;
	padding: 3px 13px 0px 11px;
}

#panierCheckout
{
	width: 100%;
	height: 100%;
	background-position: center center;
}
#panierCheckout .content
{
	width: 100%;
	height: 100%;
}

#panierCheckout .content td
{
	background-color: #FFFFFF;
	border-right: 4px solid #ffe67e;
	border-bottom: 1px solid #ffe67e;
	padding: 9px 5px 9px 5px;
}
#panierCheckout .content .quantity
{
	width: 45px;
	height: 13px;
	text-align: right;
	float: right;
	vertical-align: top;
}
#panierCheckout .content .quantity img
{
	cursor: pointer;
}
#panierCheckout .content br
{
	line-height: 5px;
}
#panierCheckout .content .option
{
	height: 19px;
	font-weight: bold;
	background-color: #ffffff;
	border-top: 1px solid #ffe67e;
	border-right: 4px solid #ffe67e;
	border-bottom: 1px solid #ffe67e;
}
#panierCheckout .content .option span
{
	color: #e4523c;
}


.contenuNom
{
	position: relative;
	top: -317px;
	left: 11px;
	width: 123px;
	height: 187px;
	background-color: #FFFFFF;
	padding-left: 3px;
}

.contentPrix
{
	position: absolute;
	top: 104px;
	left: 140px;
	width: 57px;
	height: 187px;
	background-color: #FFFFFF;
}

.livraison
{
	position: absolute;
	top: 293px;
	left: 11px;
	width: 123px;
	height: 27px;
	background-color: #FFFFFF;
	padding-left: 3px;
	line-height: 27px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 11px;
}

.totalPort
{
	position: absolute;
	top: 293px;
	left: 140px;
	width: 57px;
	height: 27px;
	background-color: #FFFFFF;
	line-height: 27px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 11px;
}

.totalCheckOut
{
	height: 27px;
	width: 123px;
	position: absolute;
	top: 322px;
	left: 11px;
	font-weight: bold;
	background-color: #e4523c;
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 3px;
	line-height: 27px;
	vertical-align: middle;
}

.prixCheckOut
{
	height: 27px;
	width: 57px;
	position: absolute;
	top: 322px;
	left: 140px;
	font-weight: bold;
	background-color: #e4523c;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 27px;
	vertical-align: middle;
}

#panierCheckout .A3
{
	height: 8px;
	width: 421px;
	position: relative;
	top: -65px;
	background-image: url(../../Images/checkout3.gif);
}
#panierCheckout input
{
	cursor: pointer;
}

#checkoutContenu
{
	width: 100%;
	height: 100%;
	background-position: center center;
	overflow: hidden;
}

.form_perso
{
	padding-top: 5px;
	background-color: #F1F6FC;
	border-color: #DCE5F5;
	border-style: solid;
	border-width: thin;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 410px;
}

.form_perso2
{
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom:5px;
	background-color: White;
	border-color: #DCE5F5;
	border-style: solid;
	border-width: thin;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 410px;
}

.musicPied
{
	padding-left: 10px;
	background-color: #F9EAF9;
}

.musicChansonBleu
{
	padding-left: 25px;
	font-weight: bold;
	color: #7FCBE4;
}

.musicChansonRose
{
	padding-left: 25px;
	font-weight: bold;
	color: #ff6d69;
}

.musicPicto
{
	text-align: left;
}