* { margin: 0; padding: 0; border: 0; font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; text-align: left }
@font-face {
	font-family: 'AgencyFB';
	src: url('/Multimedia/Fonts/agency-webfont.eot');
	src: url('/Multimedia/Fonts/agency-webfont.eot?#iefix') format('embedded-opentype'),
		url('/Multimedia/Fonts/agency-webfont.woff') format('woff'),
		url('/Multimedia/Fonts/agency-webfont.ttf') format('truetype'),
		url('/Multimedia/Fonts/agency-webfont.svg#webfont') format('svg');
}	
@font-face {
	font-family: 'AmazeNormal';
	src: url('/Multimedia/Fonts/amaze_normal-webfont.eot');
	src: url('/Multimedia/Fonts/amaze_normal-webfont.eot?#iefix') format('embedded-opentype'),
		url('/Multimedia/Fonts/amaze_normal-webfont.woff') format('woff'),
		url('/Multimedia/Fonts/amaze_normal-webfont.ttf') format('truetype'),
		url('/Multimedia/Fonts/amaze_normal-webfont.svg#webfont') format('svg')
}	
BODY { background: transparent url(/Multimedia/Images/fdNoir.jpg) repeat 0 0; min-width: 990px; overflow-x: hidden }
A, A:link, A:visited, A:hover, A:active { color: #FFF; text-decoration: none }
	A:hover { text-decoration: underline }
B, STRONG { font-weight: bold }
HR { clear: both; float: none; margin: 20px 20px 50px 0; height: 7px; background-color: #680653; box-shadow: inset 2px 2px 5px 1px #000 }
.sep { float: none; clear: both }
.mevs { margin-left: 30px }
	.mev { position: relative; float: left; margin: 0 0 30px; border-radius: 25px; border: 3px solid #3F0334; overflow: hidden }
		.mev A { display: block; font-size: 0 }
		.mev IMG { width: 228px; margin-bottom: 42px }
		.mev .cachePrix { display: none; position: absolute; left: auto; right: 5px; top: 8px; width: 65px; height: 65px; border-radius: 50px; box-shadow: inset -2px -2px 7px 1px #222; background-color: rgba(255, 62, 249, 0.8); text-align: center }
			.mev .cachePrix SPAN { font-size: 14px; color: #FFF; font-weight: bold; line-height: 62px }
		.mev .cache { position: absolute; width: 100%; height: 42px; bottom: 0; margin: 0; background: rgb(64, 2, 53); background-color: rgba(64, 2, 53, 0.5); border-radius: 0 0 20px 20px; box-shadow: inset 10px 2px 10px 1px rgb(64, 2, 53) }
			.mev .cache STRONG { display: block; margin: 10px 0 0 10px; color: #FFF; font-weight: bold; font-size: 14px; line-height: 13px; letter-spacing: -0.6px }
			.mev .cache .descr { display: none; margin: 4px 5px 0 10px; color: #FFF; font-weight: normal; font-size: 11px; line-height: 13px }
		.mev .overSoldes { position: absolute; left: 0; top: 23px; width: 228px; height: 80%; background: transparent url(http://deshabillez-moi.fr/Multimedia/Images/-20.png) no-repeat 0 0 }
			.mev .overSoldes A { display: block; width: 100%; height: 100% }
	.mev.sel { border-color: #FFF }
	.mev.sel IMG.imD { visibility: hidden }
	.mev.sel .cachePrix { display: block }
	.mev.sel .cache { height: 72px; background: linear-gradient(#000, rgba(64, 2, 53, 0.9), rgba(0, 0, 0, 0.7)) }
	.mev.sel .cache .descr { display: block }

#halo1 { position: absolute; background: radial-gradient(circle at center, #CF5ACB, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); width: 2300px; height: 2300px; right: -730px; top: -470px }
#halo2 { background: radial-gradient(circle at center, #FFF, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); width: 100%; height: 100% }
#halo3 { position: relative; background: radial-gradient(circle at center, #FFF, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); width: 1500px; height: 1500px; margin: auto; top: 400px }
#fleurs { position: absolute; background: transparent url(/Multimedia/Images/gdeFleur.png) no-repeat 0 0; width: 921px; height: 1400px; right: 20px; top: 55px }
#fille { position: absolute; background: transparent url(/Multimedia/Images/fille.png) no-repeat 0 0; width: 530px; height: 1200px; right: 0; top: 70px }
#logo { position: absolute; background: transparent url(/Multimedia/Images/logo.png) no-repeat 0 0; height: 345px; left: 4%; top: 390px }
	#logo A { display: block; width: 590px; height: 170px }
#corps { position: relative; background-color: rgba(0, 0, 0, 0.3); border-radius: 25px; width: 95%; margin: 610px auto 0; padding-bottom: 20px; z-index: 1000 }
	H1 { font: normal 85px AmazeNormal; color: #FFF; margin: -50px 0 20px 220px; text-shadow: 3px 4px 3px #000 }
#content { position: relative; margin: 0 30px }
#autoPromo { position: relative; background: linear-gradient(to bottom, #680653 0%, #BC62A8 100%); margin-top: -220px; height: 720px }
#footer { position: relative; margin-top: -125px; height: 124px }
	#miniLogo { position: absolute; width: 160px; height: 247px; left: 10px; bottom: -2px; background: transparent url(/Multimedia/Images/miniLogo.png) no-repeat 0 bottom }
	#concept { position: absolute; right: 90px; top: -3px; font-size: 9px; color: #333 }
		#concept IMG { vertical-align: middle }
	#copyright { position: absolute; left: 50%; margin-left: -160px; top: 40px; color: #333; text-align: center }
		#copyright A { margin: 0 10px }

#blocG { float: left; border: 3px solid #3F0334; background-color: rgba(64, 2, 53, 0.5); border-radius: 20px }
#blocD { float: right; border: 3px solid #3F0334; background-color: rgba(64, 2, 53, 0.5); border-radius: 20px }

/************** PAGE Article ***************/
.article #blocG { float: left; border-radius: 20px; width: 28%; background-color: #000; text-align: center }
	.article #blocG .bigImg { width: 100%; margin: 2px 0 3px; border-radius: 16px 16px 0 0 }
	.article #blocG .vig { border-radius: 10px; width: calc(23% - 3px); border: 2px solid #3F0334; margin: 0 2px 2px 0 }
	.article #blocG A:nth-child(4n+1) IMG.vig { margin-right: 0 }
.article #blocD { float: left; margin-left: 20px; padding: 20px; width: calc(72% - 330px); min-height: 778px }
	.article #blocD H2 { display: block; font-size: 14px; font-weight: bold }
	.article #blocD .ref { font-size: 11px; color: #CCC }
	.article #blocD .prix { float: right; width: 100px; height: 100px; border-radius: 50px; box-shadow: inset -2px -2px 7px 1px #222; background-color: rgba(255, 62, 249, 0.8); text-align: center }
		.article #blocD .prix SPAN { font-size: 20px; color: #FFF; font-weight: bold; line-height: 97px }
	.article #blocD .descript { }
	.article #blocD FORM { display: block; background: rgba(5, 0, 5, 0.3); padding: 10px; border-radius: 10px }
	.article H3 { display: block; font: normal 25px AmazeNormal; text-decoration: underline }
.article #accessoires { float: right; width: 234px; height: 826px; overflow: hidden }
.article #collec,
.article #simils { margin-top: 30px }
.article #accessoires H3,
.article #collec H3,
.article #simils H3 { margin-bottom: 20px }
@media (max-width: 1110px) {
	.article #blocD { width: calc(72% - 75px); min-height: 486px }
	.article #accessoires { float: none; width: auto; height: auto; clear: both }
	.article #accessoires:before { content: ""; display: block; float: none; clear: both; height: 30px }
}
@media (max-width: 1048px) {
	.article .mev IMG { width: 213px }
}

/************** PAGE Contact ***************/
.contact .mev { margin: 0 }
.contact .mev:last-child { float: right }
.contact #blocG { margin: 0 20px; width: calc(100% - 1045px); height: 342px }
	.contact #blocG FORM { margin: 10px }
	.contact #blocG INPUT,
	.contact #blocG TEXTAREA { width: 100%; border-radius: 3px }
	.contact #blocG INPUT { line-height: 25px }
	.contact #blocG INPUT[type="submit"] { float: right; width: 30%; margin-top: 20px; font-size: 13px; font-weight: bold; border: 1px solid #FFF; background-color: #F71C9C; text-align: center; text-decoration: none; cursor: pointer }
	.contact #blocG TEXTAREA { height: 150px }
.contact #blocD { float: left; margin: 0 20px; width: 250px; height: 342px; text-align: center; line-height: 17px }

/************** MEDIA Queries ***************/
@media (max-width: 1735px) {
	.contact #blocG TEXTAREA { height: 100px }
}
@media (max-width: 1505px) {
	.contact .mev:last-child { display: none }
	.contact #blocG { width: calc(100% - 790px) }
		.contact #blocG TEXTAREA { height: 70px }
	.contact #blocD { margin-right: 0 }
}
@media (max-width: 1177px) {
	.contact .mev:first-child { display: none }
	.contact #blocG { width: calc(100% - 537px); margin-left: 0 }
		.contact #blocG TEXTAREA { height: 100px }
}

/********************************/
/* 		Partie zooms			*/
/********************************/
#bigIm { position: fixed; z-index: 50000; left: -10000px; top: -10000px; width: 100%; height: 100%; text-align: center }
#maskIm { position: absolute; display: table-cell; left: -10000px; top: -10000px; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.8); z-index: 50000; text-align: center; vertical-align: middle }
#maskIm.sel { position: fixed; left: 0; top: 0 }
#bigImCt { position: absolue; left: 0; top: 0; z-index: 1 }
#maskIm .picPres { position: absolute; margin: auto; visibility: hidden; eft: 0; op: 0 }
#maskIm .picPres.sel { visibility: visible }
#btClose, #btSuiv, #btPrev {
	position: absolute;
	width: 24px;
	height: 122px;
	top: 50%;
	color: #FFF
}
#btClose {
	right: 20px;
	top: 20px;
	width: 200px;
	text-align: right
}
	#btClose A {
		font-size: 17px;
		font-family: AgencyFB
	}
#btSuiv {
	right: 20px;
	margin-top: -61px;
	cursor: pointer
}
#btPrev {
	left: 20px;
	margin-top: -61px
}

/************** SURCHARGES Fêtes **************
BODY { background: #000 url(http://deshabillez-moi.fr/Multimedia/Images/bulles.png) repeat-y }*/


/***** [ Mobile - low res ] *****/
@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	#halo1, #fleurs, #fille { display: none }
	H1 { font-size: 60px; margin-top: -40px }
}