﻿

  /******************************/
 /******   BASIC STYLES   ******/
/******************************/

	body{
		font-family:verdana;
		font-size:.8em;
		background:#000;
		margin:20px;
		font-size:10px;
		color:#FFFFFF;
		}
	a{
		text-decoration:none;
		color:#DD6600;
		}
	img{
		border-style:none;
		}
	table, tr, td{
		font-family:verdana;
		font-size:12px;
	}
	
	
  /**********************************/
 /******   STRUCTURE STYLES   ******/
/**********************************/
	#UpPage{
		width:952px;
		margin:auto;
		background:#000000;
		}
	#page{
		background:#262626;
		width:950px;
		margin:auto;
		}
	#header{
		height:120px;
		width:950px;
		margin-bottom:15px;
		}
	#sub_navigation{
		float:left;
		width:200px !important;
		width:180px;
		padding:50px 10px 0 10px;
	}
	#page_navig{
		width:715px;
		float:right;
		}
	#page_content{
		width:685px;
		margin-right:30px;
		float:right;
		}
		
	#text_content {
		padding:10px;
		font-size:9pt;
	}
	#text_content h1 {
		color:#f0b616;
		font-size:21pt;
		font-weight:normal;
	}
	#text_content h2 {
		color:#f0b616;
		font-size:11pt;
		font-weight:normal;
		font-style:italic;
	}
	#footer{
		clear:both;
		color:#777;
		padding:10px 0 10px 235px;;
		}

  /********************************/
 /******   sub_navigation   ******/
/********************************/

	#sub_navigation{
		background:url(/module/graphics/navigation_top_bg.png) top no-repeat;
		list-style:none;
		margin:0;
		}
	#sub_navigation a{
		display:block;
		padding: 6px 0;
		color:#CCC;
		padding-left:5px;
		}
	#sub_navigation a:hover{
		color:#fcc700;
		background:url(/module/graphics/navigation_link_cur.png) left no-repeat;
		}
	#sub_navigation a.cur{
		color:#fcc700;
		background:url(/module/graphics/navigation_link_cur.png) left no-repeat;
		}
  /*******************************/
 /******   HEADER STYLES   ******/
/*******************************/

	#header{
		background:url(/module/graphics/header_menu_bg.png) bottom repeat-x;
	}
	.banner{float:right;}

	#header h1{
		position:absolute;
		width:220px;
		height:120px;
		margin:0;
		color:red;
		background:url(/module/banners/default_logo.jpg) top center no-repeat;
		text-indent:-999px;
		overflow:hidden;
		border-right:15px solid #262626;
		}
	#menu_admin{
		position:relative;
		left:620px;
		margin:0px;
		padding:2px;
		width:340px;
		top:0px;
		}
	#login_form{
		position:absolute;
		margin:0 0 0 235px;
		padding:2px;
		width:240px;
		}
	#login_form .loginLabel{
		display:block;
		width:77px;
		float:left;
		padding:3px 0 0 3px;
		color:#777;
		}
	#login_form .loginInput{width:120px;font-size:11px;}
	#login_form .loginSubmit{
		width:22px;
		height:20px;
		padding:0;
		background:white;
		border:1px solid gray;
		font-size:12px;
		}
	#meta_pages_menu{
		position:absolute;
		padding:0;
		margin:48px 0 0 235px;
		list-style:none;
		}
	#meta_pages_menu li{float:left;}
	#meta_pages_menu a{
		display:block;
		float:left;
		padding:3px 0;
		color:#777;
		width:60px;
		background:url(/module/graphics/meta_pages_menu_about.gif) top center no-repeat;
		text-indent:-999px;
		overflow:hidden;
		}
	#meta_pages_menu a.about{background-image:url(/module/graphics/meta_pages_menu_about.gif);}
	#meta_pages_menu a.disclaimer{background-image:url(/module/graphics/meta_pages_menu_disclaimer.gif);}
	#meta_pages_menu a.home{background-image:url(/module/graphics/meta_pages_menu_home.gif);}
	#meta_pages_menu a.links{background-image:url(/module/graphics/meta_pages_menu_links.gif);}
	#meta_pages_menu a:hover{background-position: center -39px;}

  /*************************/
 /***   D�BUT DU MENU   ***/
/*************************/

	.brands_menu{
		position:absolute;
		width:650px;
		height:25px;
		padding:0;
		margin:95px 0 0 235px;
		list-style:none;
		background: url(/module/graphics/brands_menu_wines.gif) left no-repeat;
		}

	#brands_menu_1{background-image: url(/module/graphics/brands_menu_champagnes.gif);}
	#brands_menu_2{background-image: url(/module/graphics/brands_menu_wines.gif);}
	#brands_menu_3{background-image: url(/module/graphics/brands_menu_spirits.gif);}

	.brands_menu li{float:left;}
	.brands_menu a{
		display:block;
		float:left;
		height:25px;
		width:120px;
		text-indent:-999px;
		overflow:hidden;
		}
	.brands_menu a:hover, .brands_menu a.cur{border-bottom:2px solid #f0bc00;}


	/* Largeur pour les liens des marques */
	.brands_menu a{width:110px}
	.brands_menu a.bm_1{width:170px}
	.brands_menu a.bm_4{width:140px}
	#brands_menu_1 a,
	#brands_menu_3 a{width:160px;}

	#sub_brands_menu{
		position:absolute;
		margin:70px 0 0 235px;
		list-style:none;
		padding:0;
		}
	#sub_brands_menu li{float:left;}
	#sub_brands_menu a{
		display:block;
		padding:3px 0;
		width:80px;
		float:left;
		text-transform:uppercase;
		font-size:12px;
		border-bottom:2px solid #f0bc00;
		background:url(/module/graphics/sub_brands_menu_champagnes.gif) top center no-repeat;
		text-indent:-999px;
		overflow:hidden;
		outline:none;
		}
	#sub_brands_menu a.champagne{background-image:url(/module/graphics/sub_brands_menu_champagnes.gif);}
	#sub_brands_menu a.wine{background-image:url(/module/graphics/sub_brands_menu_wines.gif);}
	#sub_brands_menu a.spirits{background-image:url(/module/graphics/sub_brands_menu_spirits.gif);}
	#sub_brands_menu a:hover, #sub_brands_menu a.cur{background-position:bottom center;}

  /***********************/
 /***   FIN DU MENU   ***/
/***********************/


  /******************************************/
 /******   PAGE CONTENT AND GALLERY   ******/
/******************************************/

	#page_navig{
		background:url(/module/graphics/page_navig_bg.png) top repeat-x;
	}

	#page_navig ul{list-style:none;padding:0;margin:0;overflow:hidden;height:28px;background:#262626;}
	#page_navig li{float:left;background:url(/module/graphics/page_navig_bg.png) top repeat-x;}
	#page_navig a{
		display:block;
		height:28px;
		width:81px;
		float:left;
		margin-left:-1px;
		/*background:url(/module/graphics/page_navig_photos.png) center -56px no-repeat;*/
		text-indent:-999px;
		overflow:hidden;
		}
	#page_navig a:hover{background-position:center 4px;}
	
	#page_navig a.photos{background:url(/module/graphics/page_navig_photos.gif) center -56px no-repeat;text-indent:-999px;}
	#page_navig a.videos{background:url(/module/graphics/page_navig_videos.gif) center -56px no-repeat;text-indent:-999px;}
	#page_navig a.press{background:url(/module/graphics/page_navig_press.gif) center -56px no-repeat;width:82px;text-indent:-999px;}
	
	#page_navig a.press :hover{background:url(/module/graphics/page_navig_press.gif) center 4px no-repeat;width:82px;text-indent:-999px;}
	
	
	#page_navig a.cur_photos{background:url(/module/graphics/page_navig_photos.gif) center -56px no-repeat;text-indent:-999px;background-position:center 4px;}
	#page_navig a.cur_videos{background:url(/module/graphics/page_navig_videos.gif) center -56px no-repeat;text-indent:-999px;background-position:center 4px;}
	#page_navig a.cur_press{background:url(/module/graphics/page_navig_press.gif) center -56px no-repeat;text-indent:-999px;background-position:center 4px;}
	
	
	
	#page_navig a.path{
		background:#262626;
		color:#fcc700;
		text-indent:0;
		width:auto;
		padding:8px 0 0 8px;
		}

	#page_navig h2{
		margin:10px 0 0 0;
		padding:8px;
		float:left;
		background:black;
		color:#CCC;
		font-weight:normal;
		font-size:10px;
		width:224px;
		}
	#page_content{
		background:black;
		}

	#page_content.gallery ul{
		list-style:none;
		margin:0;padding:0;
		}
	#page_content.gallery li{float:left;}
	#page_content.gallery a.item{
		display:block;
		float:left;
		color:#CCC;
		margin:10px;
		width:135px;
		text-align:center;
		}
	#page_content.gallery a.file{
		display:inline;
		float:left;
		color:#CCC;
		margin:10px;
		text-align:center;
		}
		
	.galeryPager{
		float:right;
		padding:2px;
	}
	
	#page_content.gallery a:hover{color:#fcc700;}

	#page_content.gallery a img{border:1px solid black;}
	#page_content.gallery a:hover img{border:1px solid #fcc700;}

	#page_content.gallery a span{display:block;padding:3px;}

	#page_content.gallery a:hover span{color:#fcc700;}


  /******************************/
 /******   LOADER STYLES   ******/
/******************************/	
	.loadingOn{
		position:fixed;
		top:0; left: 0;
		width: 100%;
		height:100%;
		z-index:3;

		opacity:.7;
		background:black;
	}
	
	.loadingOff{
		display:none;
	}

  /******************************/
 /******   ADMIN STYLES   ******/
/******************************/
	.msgUser{
		width:600px;background-color:green;
	}
	.errorUser{
		width:600px;background-color:red;
	}
	
	.headerTable{
		text-align:left;
	}
	
	.itemTable{
		padding:2px;
	}
	
	#adminForm span{
		font-size:12px;
	}
	
	#adminForm input, select, checkbox{
		margin-top:2px;
		margin-bottom:5px;
	}
	
	.hidden{
		display:none;
	}
	
	.vis{
		display:block;
	}
	
	#msg{
		with:400px;
		border:1px solid red ;
		background-color:#660000;
		text-align:center ;
		margin:15px;
		font-size:12px;
		font-weight:bold;
	}
	
  /**********************************/
 /******   SITE DISCLAIMER   ******/
/**********************************/
	#site-disclaimer{
		font-family:verdana;
		display:none;
		position:absolute;
		top:0px;
		left:0px;
		z-index:3;
		min-height:650px;
		height:100% !important;
		height:700px;
		width:100%;
		background:#070A1D url(/module/graphics/bg-scarlett.jpg) no-repeat bottom left;
		font-size:12px;
		color:white;
		
		}
	#site-disclaimer h1{margin:0;padding:0;font-size:20px;font-weight:bold;color:#ffbf3f;padding-bottom:20px;}
	#site-disclaimer h2{font-size:20px;font-weight:bold;color:#FFF;position:absolute;left:450px;bottom:650px;text-transform:uppercase;}
	#site-disclaimer a{color:white;}

	#site-disclaimer form{
		position:absolute;
		background:url(/module/graphics/b50p.png);
		padding:10px;
		width:500px;
		top:140px;
		right:50px;		
		}
	#site-disclaimer form .fields{padding:20px; text-align:center;}
	#site-disclaimer form .accept{padding:20px 50px;}
	
	#site-disclaimer form .submit{border:none;background:none;font-size:20px;color:white;}
		
	#site-disclaimer .erreurMineur{
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		background-color:#CC0000;
	}	
			
	#site-disclaimer .footer{
		position:absolute;
		bottom:0;
		text-align:right;
		width:96%;
		margin:2%;
		color:#CCC;
		}
	#site-disclaimer .footer strong{
		float:left;
		}
	#site-disclaimer .footer a{text-decoration:underline;}
	#site-disclaimer .footer span{font-size:10px;}
		
	#birthdate input[type="text"], #birthdate textarea{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    padding: 2px;
	    border: solid 1px #f9eda5;
	    width: 28px;
		text-align:center;
	}
	
  /******************************/
 /******   OTHER STYLES   ******/
/******************************/
#flash_slideshow {
	margin:0 auto; text-align:center;
}