/*---------- ELEMENTS HTML ----------*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Lucida Sans Unicode, Helvetica, sans-serif;
	background: url(../images/fond.jpg) no-repeat top center;
	background-color: #000000;
	color:#FFFFFF;
}

img {
	border: 0;
	margin: 0;
}

a {
	text-decoration:none;
	outline: 0;
	color:#FFFFFF;
}

ul,li {
	list-style-type: none;
}

fieldset{
	border:none;
	margin:10px;
}

legend{
	font-size:14px;
	font-weight:bold;
	color:#F4D388;
	margin:5px 0px;
}

/***************** HEADER *************************/

#global {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	position: relative;
}

.logo {
	position: absolute;
	top: -70px;
	left: -60px;
}

.baseline {
	margin-left: 120px;
	margin-top: 40px;
}

.login {
	width: 335px;
	height: 69px;
	background: url(../images/login.jpg) no-repeat;
	position: absolute;
	right: 0px;
	top: -34px;
}
.login .login-inscription{
	position:absolute;
	top:53px;
	left:202px;
}
*+html .login .login-inscription{top:57px;}
.login .dsc-error-message{
	position:absolute;
	left:20px;
	top:45px;
	width:160px;
	line-height:10px;
}
.login form{
	float:right;
	margin-top:4px;
	margin-right:4px;
	text-align:right;
}
.login .dsc-field{
	margin:0px;
	margin-bottom:4px;
}
.login label{
	display:none;
}
.login input{
	width:126px;
	height:16px;
	border:1px solid #cfb16d;
	color:#cfb16d;
	background-color:#000000;
}
.login .dsc-field span{
	font-weight:bold;
	color:#F4D388;
	margin-left:10px;
}
.login .login-submit{
	width:51px;
	height:9px;
	border:none;
	margin-left:78px;
}
.login .login-deconnexion{
	width:81px;
	height:9px;
	border:none;
	margin-top:50px;
	/*margin-top:7px;*/
	margin-left:48px;
}

.le_club_gourmet,.logo_dore {
	float: left;
}

.le_club_gourmet {
	margin-left: 20px;
	margin-top: 15px;
}

.logo_dore {
	margin-left: 6px;
	margin-top: 14px;
}

#menu {
	margin-top: 20px;
	font-weight:bold;
}

#menu_categories {
	float:left;
	padding-left:39px;
	width: 901px;
	height: 32px;
	/*background: url(../images/fond_menu.png) no-repeat;*/
	background: url(../images/bg_menu.gif) repeat-x;
}

#menu_categories li {
	float: left;
}

.categories a{
	display: inline-block;
	font-size: 13px;
	height: 22px;
	padding: 0 15px;
	padding-top: 10px;
}

.categorie_active, .survol_categorie, .actifStay {
	background: url(../images/bouton.jpg) repeat-x;
}
	
.categorie_club {
	background: url(../images/bouton_club.jpg) repeat-x;
}

.categorie_club a{
	padding:0 17px;
	padding-top: 10px;
}
*html li.categorie_club a{width:99px;}
*+html li.categorie_club a{width:99px;}
*+html li.categorie_club .sousmenu a{width:auto;}

.categorie_inactive {
	background:none;
}

/*************** SOUS MENU *********************/
.sousmenu {
	position: absolute;
	left: 0px;
	background: url(../images/sousmenu.jpg) repeat-x;
	width: 940px;
	height: 26px;
	display:none;
	padding-top:5px;
	z-index:20;
}
*html .sousmenu{margin-top:-10px;}
*+html .sousmenu{margin-top:32px;}

.sousmenu li a {
	font-size: 12px;
	padding: 0;
	padding-left: 20px;
}
.sousmenu li :after {
	color: #F4D388;
	padding-left: 20px;
	content: "|";
}

.sousmenu li:last-child :after {
	content: "";
}

.sousmenu li:hover a, .sousmenu li.current a{
	color: #F4D388;
}


/*************** SOUS MENU CLUB ****************/
.sousmenu_club {
	display: none;
	background: url(../images/sousmenu_club.jpg) repeat-x;
}

.sousmenu_club li a {
	color: #000000;
}

.sousmenu_club li:hover a {
	color: #FFFFFF;
}


/*************** SURVOL SOUS MENUS ET SOUS MENUS ACTIFS **************/
.sousmenu_actif, .survol_sousmenu {
	display:block;
}

.sousmenu_inactif {
	display:none;
}


/************* CONTENU DE LA PAGE ********************/
#page {
	float:left;
	font-size:11px;
	/*min-height: 1000px;*/
	background: url(../images/fond_page.png) repeat-x top center;
	padding-left: 30px;
	padding-top: 60px;
	padding-bottom:30px;
	width:910px;
}

#page h1 {
	font-size: 26px;
	margin-top: 21px;
	margin-bottom: 40px;
}

#page h2 {
	font-weight:bold;
	font-size: 16px;
}

#page h3 {
	font-weight:bold;
	font-size:16px;
	color:#F4D388;
}

#page .mise_en_avant {
	font-weight:bold;
	color:#F4D388;
}

#page .contenu{
	display:block;
}
.contenu a {
	text-decoration:underline;
}

.fildariane {
	color: #C2C2C2;
}

.fildariane a {
	color: #C2C2C2;
}

.fildariane a:hover {
	text-decoration:underline;
}

.ariane_active {
	color: #FFFFFF;
}

.bouton {
	background-color:#c8a165;
	-moz-border-radius: 5px; 
  	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
  	border-radius: 5px;
  	padding:3px 13px 0px 8px;
	display:inline-block;
  	height:17px;
	color:#000000;
	font-size:11px;
	font-family: Arial, Lucida Sans Unicode, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
}

.bouton:hover {
	background-color:#e5bf84;
}

a.bouton, .bouton a{
	color:#000000;
}

.bouton:before {
	content:"> ";
	color:#FFFFFF;
}

.contenu .bouton {
	text-decoration:none;
}


/******************** FOOTER ***********************/
#footer {
	clear:both;
	background: url(../images/fond_footer.jpg) repeat-x #E1E1E1;
	padding-top: 11px;
	padding-left: 4px;
}

#footer h2 {
	font-family: arial;
	font-weight:bold;
	font-size: 13px;
	color: #636363;
	text-shadow: 0px 1px 3px #FFFFFF;
}

.puce_acces {
	float: left;
	padding-right: 18px;
	background: url(../images/puce_acces.png) no-repeat center right;
}

.footer_content {
	width: 935px;
	margin-left: auto;
	margin-right: auto;
}

#footer a {
	color: #717171;
}

.footer_tab {
	clear: both;
	padding-top: 14px;
}

.footer_col {
	font-size: 11px;
	text-shadow: 0px 1px 3px #969696;
	float: left;
	width: 203px;
	padding-right: 30px;
	vertical-align:top;
	margin-bottom:20px;
}

h3 {
	font-size: 11px;
	margin-bottom: 3px;
	letter-spacing: -1px;
	color: #565656;
}
#footer h3 a{
	color: #565656;
}

.puce_etoile,.puce_etoilevide,.puce_monde,.puce_cahier,.puce_bulle {
	padding-left: 20px;
}

.puce_etoile {
	background: url(../images/puce_etoile.png) no-repeat top left;
}

.puce_etoilevide {
	background: url(../images/puce_etoilevide.png) no-repeat top left;
}

.puce_cahier {
	background: url(../images/puce_cahier.png) no-repeat top left;
}

.puce_bulle {
	background: url(../images/puce_bulle.png) no-repeat top left;
}

.puce_monde {
	background: url(../images/puce_monde.png) no-repeat top left;
	padding-left: 30px;
}

/***************** PIED DE PAGE **************************/
#pied {
	clear: both;
	padding-top: 55px;
	font-size: 10px;
	color: #7c412c;
	text-align: center;
	padding-bottom: 30px;
}

.copyright li {
	display: inline;
}

#pied a {
	font-weight: bold;
	color: #7E7E7E;
	margin-left: 10px;
}


/***************** FC PAGE BR **************************/
.fc_double_total{
	float:left;
	width:910px;
}
.fc_double_total .fc_colg{
	float:left;
	width:405px;
	padding-right:20px;
}
.fc_double_total .fc_cold{
	float:left;
	width:454px;
	padding-left:30px;
	border-left:1px solid #909090;
}
.fc_double_total .fc_cold a{
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#F4D388;
}


/***************** LOGIN PAGE INTERIEURE (BR) **************************/
.fc_double_total .dsc-content-login .dsc-field{
	margin:0px;
	margin-bottom:4px;
}
.fc_double_total .dsc-content-login label{
	/*display:none;*/
}
.fc_double_total .dsc-content-login input{
	width:126px;
	height:16px;
	border:1px solid #cfb16d;
	color:#cfb16d;
	background-color:#000000;
}
.fc_double_total .dsc-content-login .login-submit{
	width:75px;
	height:20px;
	border:none;
	margin-top:15px;
	margin-left:54px;
	background:none;
}
.fc_double_total .dsc-content-login .login-deconnexion{
	width:81px;
	height:9px;
	border:none;
	margin-top:7px;
	margin-left:48px;
}



/***************** AUTRE **************************/
.macaron_maxi{
	position:absolute;
	margin-top:-14px;
	margin-left:-14px;
}

.macaron_mini{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
}