@import url(design-noel.css);

/************************************************************
* GENERAL
*/
 
* {
	margin: 0;
	padding: 0;
} 

html {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	text-align: center;
}

html, body, form, #window
{
	width: 100%;
	height: 100%;
	background:#ffffff;
}

div#container {
	/*position: absolute;
	top: 50%;
	left: 50%;
	margin: -290px 0 0 -444px;	
	width: 888px;*/
	width: 880px;
	height: 590px;/*800*/
	/*margin: 10px auto;*/
	margin:0 0 0 2px;
	overflow:hidden;
	text-align: left;
	padding-top:101px;
	position:relative;
}
#container #sound 
{
    position:absolute;
    bottom:10px;
    right:30px;
}

#flashOverlay
{
	position:absolute;
	z-index:999999999;
	width:880px;
	height:550px;
}

.container-left, .container-right	{ width:50%; }

.mentionsLegale
{
	/*padding-top:20px;*/
	padding-left:200px;
	margin-left: 45px;
	padding-top: 15px;
	.padding-top: 7px;
	-padding-top: 5px;
}

.mentionsLegale a
{
	color:#999999;
	font-size:11px;
}

/************************************************************
* HEADER
*/

#header h1 a span,
#header #search label,
#header #nav li a span {
	position: absolute;
	top: -50000px;
	left: -50000px;
}

div#header 
{
	width: 880px;
	height: 155px;
	/*background-image: url(../images/header/bgHeader.gif);*/
	/*background-image: url(../images/design-halloween/header-halloween.gif);*/
	/*background: url(../images/design-automne/header-automne.gif) no-repeat left top;*/
	position:relative;
	z-index:66669;
}

/** Logo
*********/

#header h1 {
	position: relative;
	/*top: 40px;
	left: 30px;*/
	top: 36px;
	left: 25px;
	width: 207px;
	height: 86px;
}
#header h1 a {
	display: block;
	width: 207px;
	height: 86px; 
	/*background-image: url(../images/header/logo.gif);*/
	/*background-image: url(../images/design-halloween/logo-halloween.gif);*/
	background-image: url(../images/design-automne/logo-automne.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/** Search
***********/

#header #search {
	margin-top: -60px;
	margin-left: 700px;
}
#header #search .recherche {
	width: 126px;
	padding: 2px;
	border: 1px solid #666;
	font-size: 11px;
	visibility:hidden;
}


/** Nav
********/

#header ul#nav {
	list-style-type: none;
	margin-top: 38px;
	.margin-top: 35px; /* IE 6/7 only */
	_margin-top: 29px; /* IE 6 only */
	margin-left: 263px;
}
#header #nav li {
	display: block;
	float: left;/*
	position: relative;*/
	z-index: 60000;
}
#header #submenu-item-1 {
	left:260px !important;
	top:80px !important;
}
#header #submenu-item-5 {
	left:742px !important;
	.margin-left: 5px; /* IE 6/7 only */
	_margin-left: 5px; /* IE 6 only */
	top:76px !important;
	display:block;
}

#header ul#nav.tpl-ete {
	list-style-type: none;
	margin-top: 36px;
	.margin-top: 33px;
	margin-left: 263px;
	/*float: left;*/
}

#header #nav li #submenu{
	/*position:absolute;
	z-index: 59000;*/
}

#header ul#nav.tpl-ete li.nosProduits 
{
	margin-top: -1px;
}

#header ul#nav.tpl-ete li.bonnesAffaires {
	margin-top: -1px;
}

#header ul#nav.tpl-ete li.magasins
{
	margin-top: -2px;
}

#header ul#nav.tpl-ete  li.newsFoirFouille {
	margin-left:6px;
}

#header ul#nav.tpl-ete  li.quiSommesNous {
	margin-top:-2px;
}

#header #nav li a {
	display: block;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: left top;
}
#header #nav li.nosProduits a {
	width: 90px;
	height: 36px;
	background-image: url(../images/header/nav/btNosProduits.gif);
}
#header #nav li.bonnesAffaires a {
	width: 130px;
	height: 49px;
	margin-top: 10px;
	background-image: url(../images/header/nav/btBonnesAffaires.gif);
}
#header #nav li.magasins a {
	width: 90px;
	height: 40px;
	margin-top: 32px;
	background-image: url(../images/header/nav/btMagasins.gif);
}
#header #nav li.newsFoirFouille a {
	width: 147px;
	height: 34px;
	margin-top: 38px;
	background-image: url(../images/header/nav/btNewsFoirFouille.gif);
}
#header #nav li.quiSommesNous a {
	width: 119px;
	height: 54px;
	margin-top: 13px;
	background-image: url(../images/header/nav/btQuiSommesNous.gif);
}
/*template ete*/
#header #nav.tpl-ete li.nosProduits a {/*
	background-image: url(/images/design-halloween/header/nav/btNosProduits.gif);*/
	background-image: url(/images/design/ete/nav/btNosProduits.gif);
}
#header #nav.tpl-ete li.bonnesAffaires a {
	margin-top: 10px;/*
	background-image: url(/images/design-halloween/header/nav/btBonnesAffaires.gif);*/
	background-image: url(/images/design/ete/nav/btBonnesAffaires.gif);
}
#header #nav.tpl-ete li.magasins a {
	margin-top: 31px;/*
	background-image: url(/images/design-halloween/header/nav/btMagasins.gif);*/
	background-image: url(/images/design/ete/nav/btMagasins.gif);
}
#header #nav.tpl-ete li.newsFoirFouille a {
	margin-top: 34px;/*
	background-image: url(/images/design-halloween/header/nav/btNewsFoirFouille.gif);*/
	background-image: url(/images/design/ete/nav/btNewsFoirFouille.gif);
}
#header #nav.tpl-ete li.quiSommesNous a {
	margin-top: 13px;
	/*background-image: url(/images/design-halloween/header/nav/btQuiSommesNous.gif);*/
	background-image: url(/images/design/ete/nav/btQuiSommesNous.gif);
}

/** Nav Hover / Active
***************/

#header #nav li a:hover,
#header #nav li a:focus,
#header #nav li.active a { /*<-- Section de la page courante*/
	background-position: left top;
}

#header #nav li.quiSommesNousHover a
{
	background-position: left -54px ;
}

#header #nav li.quiSommesNous a:hover
{
	background-position: left -54px ;
}

#header #nav li.nosProduits a:hover
{
	background-position: left -36px ;
}

#header #nav.tpl-ete li.nosProduitsHover a
{
	background-position: left bottom;
}
#header #nav.tpl-ete li.quiSommesNousHover a
{
	background-position: left bottom;
}

#header #nav.tpl-ete li.quiSommesNous a:hover
{
	background-position: left bottom;
}

#header #nav.tpl-ete li.nosProduits a:hover
{
	background-position: left bottom;
}

#header #nav.tpl-ete li.nosProduitsHover a
{
	background-position: left bottom;
}

/** Path
***************/

#header #path {
	clear: both;
	position: relative;
	z-index:3;
	top: -25px;
	left: 28px;
	.top: -50px; /* IE 6/7 only  */
	.left: 30px; /* IE 6/7 only  */
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10px;
	color: #8d8d8d;
	width:350px;
}
#header #path a {
	text-decoration: none;
	color: #8d8d8d;
}
#header #path a:hover,
#header #path a:focus {
	text-decoration: underline;
}
#header #path span.current {
	color: #cd051e;
}




/************************************************************
* CENTER
*/

div#center {
	margin-top: -30px;
}
html>body div#center { /* Gecko only */
	margin-top: 3px;
	position:relative;
	/*top:-3px;*/
	left:0;
}

div#center {
	height: 405px; /*570*/
	/*background-image: url(../images/center/bgCenter.gif);
	background-repeat: repeat-y;
	background-position: left top;*/
	position:relative;
	z-index:66668;
}




/************************************************************
* FOOTER
*/

ul#footer li a span {
	position: absolute;
	top: -50000px;
	left: -50000px;
}
	
ul#footer {
	list-style-type: none;
	height: 16px; /*real: 26px*/
	padding-top: 10px;
	padding-left: 200px;
	/*background: #fff url(../images/footer/bgFooter.gif);*/
	background-repeat: no-repeat;
	position:relative;
	top:-3px;
}
#footer li {
	display: block;
	float: left;
}
#footer li a {
	display: block;
	height: 10px;
	background-repeat: no-repeat;
	background-position: left top;
}
#footer li.planSite a {
	width: 56px;
	background-image: url(../images/footer/btPlanSite.png);
}
#footer li.ajouterFavoris a {
	width: 102px;
	background-image: url(../images/footer/btAjouterFavoris.png);
}
#footer li.recommanderSite a {
	width: 148px;
	background-image: url(../images/footer/btRecommanderSite.png);
}
#footer li.mentionsLegales a {
	width: 83px;
	background-image: url(../images/footer/btMentionsLegales.png);
}
#footer li.contactezNous a {
	width: 74px;
	background-image: url(../images/footer/btContactezNous.png);
}

#footer li.reglementJeu {
	width: 95px;
	background: url(../images/footer/btReglementJeu.gif) no-repeat top left;
}

/************************************************************
* Div Reglement du Jeu
*/
.DivReglementJeu
{
	position:absolute;
	z-index:65000;
	padding:15px;
	top:220px;
	.top:254px;
	margin:0px 270px;
	.margin:0px -305px;		
	color:#ffffff;
	font-size:13px;
	text-align:justify;
}

.LabelReglement
{
	height:250px;
	overflow:auto;
	padding-right:10px;	
}

.bandeauHautJeu
{
	height:17px;
	width:566px;
	background: url('../images/reglementJeu/bandeauHaut.gif') repeat-x top left;
}

.bandeauGaucheJeu
{
	height:280px;
	width:17px;
	background: url('../images/reglementJeu/bandeauGauche.gif') repeat-y top left;
}

.bandeauDroitJeu
{
	height:280px;
	width:17px;
	background: url('../images/reglementJeu/bandeauDroit.gif') repeat-y top right;
}

.bandeauBasJeu
{
	height:17px;
	width:566px;
	background: url('../images/reglementJeu/bandeauBas.gif') repeat-x bottom left;
}

.titreReglement
{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	font-family:Arial;
	display:block;
}


/************************************************************
* Panel du message d'erreur
*/

div.MessageErreur
{
	position:absolute;/*
	z-index:65000;*/
	z-index:999999;
	width:300px;
	padding:15px;
	top:250px;
	margin:0px 300px;
	.margin:0px -100px;
	background:#CF001C;
	border:4px solid #FFFFFF;
	font-weight:bold;
	color:#ffffff;
	font-size:13px;
}

div.MessageErreurblue
{
	position:absolute;
	z-index:65000;
	width:300px;
	padding:15px;
	top:250px;
	margin:0px 300px;
	.margin:0px -100px;
	background:#CF001C;
	border:4px solid #FFFFFF;
	font-weight:bold;
	color:#ffffff;
	font-size:13px;
}

.enCons .title {padding-top: 55px; font-weight:bold;text-align:center;font-size:13px;color:#CF001C;}
.enCons .txt { text-align:center;}