/* ------------------------------RAZ */
html, body{
	height:100%;
}
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
	font-size: 1em;
	font-weight: normal;
}
ul {
	list-style: none;
}
a {
	text-decoration:none;
	color:#222222;
}
a img {
	border:none;
}
.clear { 
    clear:both;
    display:block;
    line-height:1px;
	font-size:1px;
	height:1px;
}
a{outline: none;}
:focus{-moz-outline-style: none;}
.hidden {
		visibility:hidden;
}
fieldset{border:none;}
p{line-height:14px;}
select{
	font-family:arial;
	font-size:9px;
	padding:2px 0 2px 5px;
}
input, textarea{
	font-family:arial;
	font-size:10px;
}
/* -------------------------fin RAZ--- */
html{
	height:100%;
}
body {
  	font-family:arial, verdana;
  	font-size:11px;
  	color:#252525;
	background:#fff;
  	margin:0px;
  	padding:0px;
  	text-align:center;
	height:100%;
	min-height: 700px;
}

#resize-foot{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -184px;	

}
#push{
	height:184px;
}

#header{
	height:104px;
	position:relative;
	background:#000;
	width:100%;
}
#header #block-menu-ombre{
	position:relative;
	width:896px;
	height:104px;
	margin:0 auto;
}
#header #menu{
	background:url(../images/charms/menu-charms.gif) 0 -104px no-repeat;
	width:896px;
	height:104px;
	margin:0 auto;
	text-align:left;
	color:#fff;
}

#header #menu li{
	float:left;
	height:104px;
	text-indent:-5000px;
}

#header #menu li a{
	display:block;
	height:104px;
}

#header #menu li#menu-charms{
	width:222px;
}
#header #menu li#menu-creer{
	width:201px;
}
#header #menu li#menu-collect{
	width:284px;
}
#header #menu li#menu-compte{
	width:189px;
}

#header #menu li#menu-charms a{
	width:222px;
}
#header #menu li#menu-creer a{
	width:201px;
}
#header #menu li#menu-collect a{
	width:284px;
}
#header #menu li#menu-compte a{
	width:189px;
}

#header #menu li#menu-charms a:hover,
#header #menu li#menu-charms a.select{
	background:url(../images/charms/menu-charms.gif) 0 0 no-repeat;
}
#header #menu li#menu-creer a:hover,
#header #menu li#menu-creer a.select{
	background:url(../images/charms/menu-charms.gif) -222px 0 no-repeat;
}
#header #menu li#menu-collect a:hover,
#header #menu li#menu-collect a.select{
	background:url(../images/charms/menu-charms.gif) -423px 0 no-repeat;
}
#header #menu li#menu-compte a:hover,
#header #menu li#menu-compte a.select{
	background:url(../images/charms/menu-charms.gif) -707px 0 no-repeat;
}

#ombre-content{
	position:relative;
	width:100%;
}
#content{
	text-align:left;
	width:100%;
	/*min-height:400px;*/
	/*height:100% !important;*/
}

/** FOOTER **/

#footer{
	background:url(../images/charms/back-footer.gif) repeat-x;
	height:184px;
	width:100%;
	text-align:left;
	color:#656565;
	position:relative;
}
#block-footer{
	width:896px;
	margin:0 auto;
	position:relative;
	height:184px;
}

#footer #block-left{
	width:300px;
	float:left;
	padding:19px 0px 0 0;
	background:url(../images/charms/border-block-foot.gif) 299px 10px no-repeat;
	height:165px;
}
#footer #block-left h3{
	background:url(../images/charms/titre-charm-foot.gif) no-repeat;
	width:270px;
	height:16px;
	text-indent:-5000px;
	font-size:1px;
	line-height:1px;
	margin-bottom:27px;
}
#footer #block-left .bk-foot-img{
	float:left;	
	width:44px;
}
#footer #block-left .bk-foot-text{
	float:left;	
	width:246px;
	text-align:justify;
}
#footer #block-center{
	width:274px;
	float:left;
	padding:19px 30px 0 33px;
	background:url(../images/charms/border-block-foot.gif) 336px 10px no-repeat;
	height:165px;
}
#footer #block-right{
	width:259px;
	float:left;
	padding:50px 0 0 0;
	height:134px;
}
#footer p.intitule-news{
	margin-bottom:11px;
}
#footer #block-right p{
	padding-top:30px;
	text-align:right;
}
#footer #block-right p a{
	font-weight:bold;
	color:#656565;
}
#footer #block-right p a:hover{
	color:#000;
}
#footer #mag-proche{
	color:#656565;
	font-weight:bold;	
}
#footer #mag-proche:hover{
	color:#000;
	padding-top:8px;
}





#footer-home{
	background:url(../images/charms/back-footer.gif) repeat-x;
	height:184px;
	/*width:100%;*/
	text-align:left;
	color:#656565;
}

#block-footer{
	width:896px;
	margin:0 auto;
	position:relative;
	height:184px;
}


#footer-home #mag-proche{
	color:#656565;
	font-weight:bold;	
}
#footer-home #mag-proche:hover{
	color:#000;
	padding-top:8px;
}
#ombre-top-content{
	background:url(../images/charms/ombre-top-content.gif) repeat-x;
	height:16px;
	width:100%;
	position:absolute;
	bottom:-16px;
	left:0;
	z-index:3;
}
#ombre-bottom-content{
	background:url(../images/charms/ombre-bottom-content.gif) repeat-x;
	height:16px;
	width:100%;
	position:absolute;
	top:-16px;
	left:0;
}
#ombre-alter-top{
	background:url(../images/charms/ombre-alter-top.gif) center repeat-x;
	height:16px;
	width:896px;
	position:absolute;
	top:104px;
	left:0;
	z-index:3;

}
#ombre-alter-bottom{
	background:url(../images/charms/ombre-alter-bottom.gif) 50% 0;
	height:16px;
	width:896px;
	margin:0 auto;
	position:absolute;
	top:-16px;
	left:0;
	z-index:3;
}

#flash-home{
	height: 550px;
}

/************* HOME ****************/

#conteneur{
padding-top: 20px;
margin: 0 auto;
width: 896px;
}

#conteneur h1{
	height: 50px;
	margin-top: 15px;
	text-indent:-5000px;
}

#home-block-left{
	width: 433px;
	float: left;
	padding-right: 15px;
	background: url(../images/charms/bg-separation.gif) right repeat-y;
}

#home-block-right{
	width: 433px;
	float: left;
	padding-left: 15px;
}

#home-block-left .content,
#home-block-right .content{
	height:340px;
}

#home-block-left h1{
height:50px;
background: url(../images/charms/home-titre-left.gif) no-repeat;
text-indent: -5000px;
font-size: 10px;
color: #000;
}

#txt-home-block-left{
padding-top: 160px;
background: url(../images/charms/home-bg-left.jpg) top center no-repeat;
}

#lien-home-block-left{
width: 350px;
float:right;
text-indent:-5000px;

}

#lien-home-block-left a,
#lien-home-block-right a{
display: block;
width: 350px;
height: 20px;
}

#lien-home-block-left a{
background: url( ../images/charms/home-lien-left.gif) right no-repeat;
}

#lien-home-block-right a{
background: url( ../images/charms/home-lien-right.gif) right no-repeat;
}

#home-block-right h1{
height:50px;
background: url(../images/charms/home-titre-right.gif) no-repeat;
text-indent: -5000px;
font-size: 10px;
color: #000;
}

#home-block-right p{
text-align: right;
}

#txt-home-block-right{
width: 300px;
float: right;
}
#home-block-right #lien-home-block-right{
width: 350px;
float:right;
text-align: left;
text-indent: -5000px;
}

/***** COLLECTION  *****/

div.collection
{
	margin: 60px 190px;
}

h1#titre-collection
{
	background: url('../images/charms/tit_collection.gif') no-repeat;
}

div.collection p
{
	margin: 0 0 1.8em;
}

ul#liste-collection
{
	overflow: hidden;
}

ul#liste-collection li
{
	float: left;
	margin: 0 10px 10px 0;
	width: 89px;
	height: 100px;
	position:relative;
}

ul#liste-collection li p
{
	position:absolute;
	bottom:0;
	width: 89px;
	text-align: center;
	font-size: 10px;
}
ul#liste-collection li p img
{
	margin-bottom: 10px;
}

ul#nav-collection
{
	overflow: hidden;
	zoom: 1;
	list-style-type: none;

	margin:0 auto;
}

ul#nav-collection li
{
	float: left;
	background-repeat: no-repeat;
	background-position: 0 100%;
	margin: 0 20px 0 0;
	position: relative;
	height: 183px;
}


ul#nav-collection li a
{
	text-indent: -5000px;
	position: absolute;
	bottom: 0;
	left: 0;
}

ul#nav-collection li.selected
{
	
}

li#nav-sign
{
	background-image: url('../images/charms/icon_sign_off.jpg');
	width: 72px;
}

li#nav-sign.selected
{
	background-image: url('../images/charms/icon_sign_on.jpg');
	width: 300px;
}

li#nav-sign a
{
	height: 103px;
	width: 72px;
}

li#nav-sign.selected a
{
	height: 183px;
	width: 300px;
}

li#nav-purple
{
	background-image: url('../images/charms/icon_purple_off.jpg');
	width: 74px;
}

li#nav-purple.selected
{
	background-image: url('../images/charms/icon_purple_on.jpg');
	width: 356px;
}

li#nav-purple a
{
	width: 74px;
	height: 105px;
}

li#nav-purple.selected a
{
	height: 183px;
	width: 356px;
}

li#nav-glam
{
	background-image: url('../images/charms/icon_glam_off.jpg');
	width: 73px;
}

li#nav-glam.selected
{
	background-image: url('../images/charms/icon_glam_on.jpg');
	width: 306px;
}

li#nav-glam a
{
	width: 73px;
	height: 105px;
}

li#nav-glam.selected a
{
	width: 306px;
	height: 183px;
}

li#nav-wild
{
	background-image: url('../images/charms/icon_wild_off.jpg');
	width: 74px;
}

li#nav-wild.selected
{
	background-image: url('../images/charms/icon_wild_on.jpg');
	width: 298px;
}

li#nav-wild a
{
	width: 74px;
	height: 105px;
}

li#nav-wild.selected a
{
	width: 298px;
	height: 182px;
}

#description-style{
	margin:0 auto;
	margin-top:25px;
	padding-bottom:25px;
}


/******** PRINT *********/

#header_print{
width: 100%;
height: 106px;
background: black url(../images/charms/header_print.gif) no-repeat;
}

/****** IDENTIFICATION - COMPTE ******/

h1#titre-identification{
width: 320px;
background: url( ../images/charms/titre-identification.gif) no-repeat;
}

p#txt-identification{
padding-bottom: 25px;
}

p.inp-identification,
p.btn-identification{
width: 200px;
float: left;
}

p.inp-identification input{
width: 150px;
}

.message_erreur{
	padding: 15px 0;
}

h1#titre-compte{
width: 320px;
background: url( ../images/charms/titre-compte.gif) no-repeat;
}

.bloc-charms{
	width: 220px;
	margin-bottom: 15px;
	float: left;
	background: url(../images/charms/bg-separation.gif) right repeat-y;
}
.bloc_end{
	background: none;
}

.bloc-charms img{
	margin:0 15px;
}

.bloc-charms .charms-img{
	height: 200px;
}

.bloc-charms .charms-nom{
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	margin: 10px 0 0 10px;
	width: 150px;
}

.bloc-charms .charms-prix{
	font-size: 14px;
	font-weight: bold;
	float: right;
	margin: 10px 10px 0 0;
	width: 40px;
	text-align: right;
}

.bloc-charms .btn-print-charms,
.bloc-charms .btn-supp-charms,
.bloc-charms .btn-mod-charms{
	width: 160px;
	height: 20px;
	text-indent: -5000px;
	float: right;
	margin-right: 10px;
}

.bloc-charms .btn-print-charms a,
.bloc-charms .btn-supp-charms a,
.bloc-charms .btn-mod-charms a{
	display: block;
	width: 160px;
	height: 20px;
}

.bloc-charms .btn-print-charms{
	background: url(../images/charms/btn-imprimer-charms.gif) right no-repeat;
}

.bloc-charms .btn-supp-charms{
	background: url(../images/charms/btn-supp-charms.gif) right no-repeat;
}

.bloc-charms .btn-mod-charms{
	background: url(../images/charms/btn-modifier-charms.gif) right no-repeat;
}


/****** NEWSLETTER ******/

h1#titre-newsletter{
width: 320px;
background: url( ../images/charms/titre-newsletter.gif) no-repeat;
}

p#txt-identification{
padding-bottom: 25px;
}

p.inp-identification,
p.btn-identification{
width: 200px;
float: left;
}

p.inp-identification input{
width: 150px;
}

.message_erreur-news{
	padding: 15px 0 0 0;
}
.clear-news{
	clear:both;
	line-height:1px;
	height:15px;
	font-size:1px;	
}
.inp-check{
	padding-bottom:10px;	
}
.champs-oblig{
	margin:25px 97px 0px 0;
	float:left;
}
.btn-marge{
	margin-top:25px;	
}

.form-desincription{
	border-top:1px solid #ccc;
	width:700px;	
	padding-top:30px;
	margin-top:20px;
}
.form-desincription h4{
	font-size:12px;
	font-weight:bold;	
	margin-bottom:15px;
}
.btn-marge-desin{
	margin-top:0px;	
}

p#txt-confirmation{
	text-align: center;
	padding-top: 25px;
	font-size: 14px;
	font-weight: bold;
}

.confirmation{
	height: 500px;
}