/* ------- elements and general classes ------ */
* { margin: 0; padding: 0; outline: none; }

body { font: 12px/18px 'Arial', 'Helvetica', sans-serif; }

.hidden {
	left: -10000px;
	position: absolute;
}

.cleaner { clear: both; }

a:hover { text-decoration: none; }

.notice {
	background: #fc8 url('../images/icon_settings.gif') 5px 4px no-repeat;
	border: 1px solid #000;
	padding: 1px 1px 5px 25px;
}


/* ---------- forms' common settings --------- */
form fieldset {
	border: none;
	padding: 5px 0;
}

p.fieldDescription {
	background: url('../images/icon_info.gif') 2px 2px no-repeat;
	color: #c3316f;
	font-size: .9em;
	font-style: italic;
	margin: 5px auto 10px 140px;
	padding: 1px 1px 5px 20px;
}


/* ------------------ layout ----------------- */
body {
	background: url('../images/body-background.png') left top repeat-x #fcfafa;
}

div#wrapper {
	margin: 0 auto;
	position: relative;
	width: 980px;
}

div#branding {
	height: 175px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

div#main,
div#footer {
	position: relative;
	top: 175px;
	width: 100%;
}

div#main {
	background-color: #fcfafa;
	z-index: 1;
}

div#footer {
	background: url('../images/footer-background.jpg') center top no-repeat;
	padding: 25px 0;
}


/* ----------------- sprites ----------------- */
div#branding h1 a,
div#branding h2,
ul#main-menu li a,
div#main-menu-cleaner,
ul#i18n-menu {
	background-image: url('../images/branding-sprite.png');
	background-repeat: no-repeat;
}

* html div#branding h1 a,
* html div#branding h2,
* html ul#main-menu li a,
* html ul#i18n-menu {
	background-image: url('../images/branding-sprite.gif');
}

* html div#main-menu-cleaner { background: none; }

/* ------------------ menus ------------------ */
ul#main-menu {
	height: 70px;
	list-style-type: none;
	left: 162px;
	position: absolute;
	top: 115px;
	width: 660px;
}

ul#main-menu li { float: left; }

ul#main-menu li a {
	color: #fff;
	display: block;
	height: 60px;
	line-height: 35px;
	position: relative;
	text-indent: -20000px;
	margin-top: 15px;
	width: 130px;
}

ul#main-menu li a:hover,
ul#main-menu li a.on { margin-top: 0; }

div.fr ul#main-menu li a#home { background-position: -6px -235px; }
div.fr ul#main-menu li a#desires { background-position: -136px -235px; }
div.fr ul#main-menu li a#stores { background-position: -266px -235px; }
div.fr ul#main-menu li a#newsletters { background-position: -396px -235px; }
div.fr ul#main-menu li a#franchise { background-position: -532px -235px; }

div.nl ul#main-menu li a#home { background-position: -6px -307px; }
div.nl ul#main-menu li a#desires { background-position: -136px -307px; }
div.nl ul#main-menu li a#stores { background-position: -266px -307px; }
div.nl ul#main-menu li a#newsletters { background-position: -396px -307px; }
div.nl ul#main-menu li a#franchise { background-position: -532px -307px; }

div#main-menu-cleaner {
	background-position: left -374px;
	height: 10px;
	left: 240px;
	position: absolute;
	top: 165px;
	width: 520px;
}


ul#i18n-menu {
	background-position: -228px 0;
	height: 44px;
	left: 205px;
	list-style-type: none;
	padding: 6px 0 0 48px;
	position: absolute;
	width: 82px;
}

ul#i18n-menu li {
	float: left;
	margin: 0 4px;
}

ul#i18n-menu li a {
	color: #cd3d7a;
	display: block;
	font-weight: bold;
	height: 15px;
	line-height: 15px;
	text-align: center;
	text-transform: uppercase;
	width: 18px;
}


/* ----------------- branding ---------------- */

div#branding h1 {
	height: 120px;
	left: 429px;
	position: absolute;
	top: 5px;
	width: 120px;
}

div#branding h1 a {
	background-position: -370px top;
	display: block;
	height: 120px;
	text-indent: -20000px;
	width: 120px;
}

div#branding h2 {
	height: 112px;
	left: 20px;
	position: absolute;
	text-indent: -20000px;
	width: 228px;
	z-index: 1;
}

div.fr div#branding h2 { background-position: 0 0; }
div.nl div#branding h2 { background-position: 0 -112px; }

form#newsletters_subscription {
	position: absolute;
	right: 5px;
	top: 20px;
	width: 245px;
}

form#newsletters_subscription legend {
	color: #fff;
}

form#newsletters_subscription fieldset#fieldset-first { padding: 0; }

form#newsletters_subscription label {
	left: -20000px;
	position: absolute;
}

form#newsletters_subscription input#email { width: 140px; }

form#newsletters_subscription input#submit {
	background: transparent;
	border: none;
	color: #fff;
	text-decoration: underline;
	width: 75px;
	font-size:11px;
	text-align:left;
	cursor:pointer;
}



/* ------------------ footer ----------------- */
div#footer {
	color: #aaa;
	font-size: .8em;
	line-height: 1.5em;
	text-align: center;
}

div#footer address { font-style: normal; }

div#footer a:link, div#footer a:visited{
	color: #aaa;
	text-decoration:none;
}

div#footer a:hover{
	color: #aaa;
	text-decoration:underline;
}

/*** temoignages ***/

#temoignagesflash{
	display:block;
	width:205px;
	height:220px;
	position:absolute;
	top:80px;
	right:-15px;
	z-index:99;
}

#nuage{
	position:absolute;
}

/*** Textes de remplacement au flash ***/

#enviesflash p {
	color : #CD3D7A ;
	margin-left:170px;
}

#enviesflash h3 {
	color : #CD3D7A ;
	margin-left:170px;
	margin-top:50px;
}