ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE
{display: block}

LI
{display: list-item}

HEAD
{display: none}

TABLE
{display: table}

TR
{display: table-row}

THEAD
{display: table-header-group}

TBODY
{display: table-row-group}

TFOOT
{display: table-footer-group}

COL
{display: table-column}

COLGROUP
{display: table-column-group}

TD, TH
{display: table-cell}

CAPTION
{display: table-caption}

TH
{font-weight: bolder;
text-align: center}

CAPTION
{text-align: center}

BODY
{
	line-height: 1.33;
	padding: 0px;
	margin: 0px;
	background-color: #FDE830;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

IMG.sephor { margin: 0 4px 0 4px; }

#mainMenu {
  color: #000;
  margin: 0px;
  padding: 0px;
}

#menuList, #menubar {
  margin: 0px;
  padding: 0px;
}

#menuList ul {
  margin: 0px;
  padding: 0px;
}

#menuList li {
  list-style: none;
}

a.actuator {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

a.actuator:hover {
  background-color: #009;
  color: #EEE;
}

a.actu:link, a.actu:visited, a.actu:active {
  color: #000;
  text-decoration: none;
}

a.actu:hover {
  color: #000;
  text-decoration: underline;
}


.menu {
  color: #000;
  background-color: #F7F76E;
  position: relative;
  visibility: hidden;
}

.menu li a
{
	display: block;
	text-decoration: none;
	background: #F7F76E;
	height: 19px;
	font-family: Arial, sans-serif;
	color: #311F1C;
	font-size: 9px;
	padding-left: 2px;
	border-color: #FF9C00;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid none solid;
	line-height: 1.75em;
}

.menu li a:hover {
  background-color: #E7E7E7;
}

html>body ul.menu li a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

span.key {
  text-decoration: underline;
}

#MenuCatalogue { width: 78px; }
#MenuEntreprise { width: 83px; }
#MenuEspFun { width: 86px; }
#MenuEspParents { width: 106px; }
#MenuEspPro { width: 80px; }

td.fondcarre
{
	background-image: url(../images/fondcarrehome.gif);
	background-repeat: no-repeat;
}

td.actuhome
{
	background-image: url(../images/patateactu.gif);
 	width: 206px;
 }

td.promohome
{
	background-image: url(../images/patatezoom.gif);
	text-align: center;
 	width: 100px;
}

td.newsletterhome
{
	background-image: url(../images/patatenewsletter.gif);
	text-align: center;
 	width: 100px;
}

td.actuhome, td.promohome, td.newsletterhome
{
	background-repeat: no-repeat;
	padding: 28px 6px 0px 6px;
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	vertical-align: top;
	line-height: 1.20em;
}

td.newsletterhome form
{
margin: 0px;
padding: 0px;
}

td.promohome img
{
margin: 0px;
padding: 0px;
}

td.copyright {
	color: orange;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

td.copyright a:link,td.copyright a:hover,td.copyright a:visited {
	color: orange;
}

td.marge_catal
{
	background-image: url(../images/fdetoile1_catalogue.gif);
	background-repeat: repeat;
	width: 220px;
}

td.corps_catal
{
	background-image: url(../images/fdetoile2_catalogue.gif);
	background-repeat: repeat;
	width: 520px;
	vertical-align: top;
	text-align: center;
}

/* BLOC DE MENU DU CATALOGUE */

#menu_collection
{
	font-size: 12px;
	width: 158px;
	padding: 0 0 1em 0;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 31px;
	margin-right: 31px;
	color: #ccc;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}

#menu_collection img {
	margin: 0;
	padding: 0;
}

#menu_collection ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 158px;
	border: none;
	background-image: url(../images/patategrise2.gif);
	background-repeat: repeat;
}

#menu_collection li {
	margin: 0;
	margin-left: 5px;
	background-image: url(../images/flecheroug_patategrise.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu_collection li a
{
	display: block;
	padding: 2px 2px 2px 2px;
	margin-right: 20px;
	margin-left: 20px;
	color: #000;
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
	width: 100px;
}

html>body #menu_collection li a {
	width: auto;
}

#menu_collection li a:hover
{
	color: #000;
	font-weight: bold;
}

/* FIN BLOC MENU CATALOGUE */

/* BLOC MENU PRINCIPAL */

#menu_principal
{
	font-size: 12px;
	width: 128px;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 46px;
	margin-right: 46px;
}

#menu_principal img {
	margin: 0;
	padding: 0;
}

#menu_principal ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 128px;
	border: none;
}

#menu_principal li {
	margin: 0;
}

a.mp1, a.mp2, a.mp3, a.mp4, a.mp5, a.mp6
{
	display: block;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	width: 128px;
	background-repeat: no-repeat;
	background-position: left center;
}

a.mp1 { background-image: url(../images/btactu_large.gif); }
a.mp2 { background-image: url(../images/btpromo_large.gif); }
a.mp3 { background-image: url(../images/btentreprise_large.gif); }
a.mp4 { background-image: url(../images/btespacefun_large.gif); }
a.mp5 { background-image: url(../images/btespaceparent_large.gif); }
a.mp6 { background-image: url(../images/btespacepro_large.gif); }
a.mp1:hover { background-image: url(../images/btactu_large_on.gif); }
a.mp2:hover { background-image: url(../images/btpromo_large_on.gif); }
a.mp3:hover { background-image: url(../images/btentreprise_large_on.gif); }
a.mp4:hover { background-image: url(../images/btespacefun_large_on.gif); }
a.mp5:hover { background-image: url(../images/btespaceparent_large_on.gif); }
a.mp6:hover { background-image: url(../images/btespacepro_large_on.gif); }


html>body #menu_principal li a {
	width: auto;
}


/* FIN BLOC MENU PRINCIPAL */

#vignette
{
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
}

#vignette img
{
	margin: 2px;
	border-style: none;
}

#vignette IMG.space { margin: 5px; }

.gras {font-weight: bold;}


H1
{font-size:  2em;
margin-bottom:   .67em;
margin-left: 0;
margin-right: 0;
margin-top:   .67em}

H2
{font-size:  1.5em;
margin-bottom:   .83em;
margin-left: 0;
margin-right: 0;
margin-top:   .83em}

H3
{font-size:  1.17em;
margin-bottom:   1em;
margin-left: 0;
margin-right: 0;
margin-top:   1em}

H4, P, BLOCKQUOTE, UL, FIELDSET, FORM, OL, DL, DIR, MENU
{margin-bottom:   1.33em;
margin-left: 0;
margin-right: 0;
margin-top:   1.33em}

H5
{font-size:  .83em;
line-height:  1.17em;
margin-bottom:   1.67em;
margin-left: 0;
margin-right: 0;
margin-top:   1.67em}

H6
{font-size:  .67em;
margin-bottom:   2.33em;
margin-left: 0;
margin-right: 0;
margin-top:   2.33em}

H1, H2, H3, H4, H5, H6, B, STRONG
{font-weight: 600;}


H3.baselinecatalogue
{
	color: #EF0033;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

BLOCKQUOTE
{margin-left:  40px;
margin-right:  40px}

I, CITE, EM, VAR, ADDRESS
{font-style: italic}

PRE, TT, CODE, KBD, SAMP
{font-family: monospace}

PRE
{whitespace: pre}

BIG
{font-size:  1.17em}

SMALL, SUB, SUP
{font-size:  .83em}

SUB
{vertical-align: sub}

SUP
{vertical-align: super}

S, STRIKE, DEL
{text-decoration: line-through}

HR
{border:  1px inset}

OL, UL, DIR, MENU, DD
{margin-left:  40px}

OL
{list-style-type: decimal}

OL UL, UL OL, UL UL, OL OL
{margin-bottom: 0;
margin-top: 0}

U, INS
{text-decoration: underline}

CENTER
{text-align: center}

BR:before
{content: "\A"}

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM
{font-variant: small-caps;
letter-spacing:  0.1em}

A[href]
{text-decoration: underline}

:focus
{outline: thin}

/* Begin bidirectionality settings (do not change) */

BDO[DIR="ltr"]
{direction: ltr;
unicode-bidi: bidi-override}

BDO[DIR="rtl"]
{direction: rtl;
unicode-bidi: bidi-override}

*[DIR="ltr"]
{direction: ltr;
unicode-bidi: embed}

*[DIR="rtl"]
{direction: rtl;
unicode-bidi: embed}

/* Elements that are block-level in HTML4 */

ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, COL, COLGROUP, TD, TH, CAPTION
{unicode-bidi: embed}

/* End bidi settings */

@media print
{@page
{margin:   10%}

H1, H2, H3, H4, H5, H6
{page-break-after: avoid;
page-break-inside: avoid}

BLOCKQUOTE, PRE
{page-break-inside: avoid}

UL, OL, DL
{page-break-before: avoid}
}