  /*////////////////
 ///// Règles /////
////////////////*/

/* Convention de nommage : camelCase + conteneurTypeLibellé */
/* Hiérarchisation :
   1. Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
   2. Les marges et bordures => margin – padding – border
   3. Les dimensions => width – height – min-width/max-width – min-height/max-height
   4. Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
   5. L'arrière-plan => background */


  /*//////////////////
 ///// Couleurs /////
//////////////////*/

/* Couleur de fond: #f8edf5 */
/* Couleur texte menu: #968d8e */

#bodyLeft {
	background-image:url(../img/perso_1_decal.gif); /* background-image:url(../img/perso_1.gif); */
	background-position:center right;
	background-repeat:no-repeat;
}

#contenuMEA {
	width:955px;
	height:442px;
	border:solid 1px #ead5e1;
	background-color:#f5e4ee;
	position:relative;
}

#contenuMEA #MEA1 {
	/*background-image:url(../img/bloc_MEA.png);*/
	width:294px;
	height:248px;
	position:absolute;
	top:10px;
	left:72px;
	z-index:2;
}

#contenuMEA #MEA2 {
	/*background-image:url(../img/bloc_MEA.png);*/
	width:294px;
	height:248px;
	position:absolute;
	top:10px;
	left:362px;
	z-index:2;
}

#contenuMEA #MEA3 {
	/*background-image:url(../img/bloc_MEA.png);*/
	width:294px;
	height:248px;
	position:absolute;
	top:10px;
	left:650px;
	z-index:2;
}

#contenuMEA .contentMEA {
	width:270px;
	height:248px;
	background-color:#fdf7fb;
	margin-top:13px;
	margin-left:12px;
	position:absolute;
	z-index:2;
}

.fondMEA {
	position:absolute;
	z-index:1;
}

#contenuMEA #personnage {
	width:267px;
	height:439px;
	position:absolute;
	left:-1px;
	/*background-image:url(../img/perso_2.png);*/
	z-index:3;
}

#contenuMEA #logoHome {
	background-image:url(../img/frise_logo_home.gif);
	width:736px;
	height:275px;
	position:absolute;
	right:0px;
	bottom:40px; /* bottom:16px; */
}

#contenuMEA #newsletter {
position:absolute;
background-image:url(../img/fond_newsletter.gif);
bottom:0;
right:0;
width:398px;
height:40px;
}

#newsletter .titreNews{
float:left;
margin-right:5px;
padding-left:28px;
padding-top:15px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

#newsletter .inputTextConteneur {
display:inline;
float:left;
margin-top:10px;
}

#newsletter .inputTextG {
background-image:url(../../front/img/newsletter_input_g.gif);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:22px;
width:5px;
}

#newsletter .inputTextD {
background-image:url(../../front/img/newsletter_input_d.gif);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:22px;
width:5px;
}

#newsletter input.inputText {
width:175px;
height:16px;
color:#a38597;
}

#newsletter .btnewsletter input{
	float:left;
	margin-left:4px;
	margin-top:10px;
}

#messageNewsletter {
	float:left;
	width:367px;
	margin-top:5px;
	margin-left:30px;
}

#messageNewsletter p {
	float:left;
	margin:0;
	padding:0;
	width:342px;
	height:35px;
	overflow:hidden;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	padding-top:8px;
}

#messageNewsletter .btnewsletter {
	float:left;
	margin-top:5px;
	cursor:pointer;
}

#venteExceptionnelle {
position:absolute;
bottom:15px;
left:54px;
width:215px;
height:90px;
z-index:99
}

#macaron_satisfaite {
position:absolute;
bottom:90px;
right:137px;
width:155px;
height:73px;
z-index:99
}

#macaron_livraison {
position:absolute;
bottom:72px;
right:6px;
width:106px;
height:106px;
z-index:99
}

