/*
//  Site : http://www.albertvieille.fr/
//  Date : 2004-08-04
*/

body{
	background  : #966;
	font-family : "Times New Roman", Times, serif;
	font-size   : 11px;
	text-align  : center;
	color       : #FFF;
	margin-top  : 50px;
}

a:link, a:hover, a:active, a:visited{
	color       : #FFF;
	text-decoration : none;
	outline: none;
}

a:hover{
	color       : #9F0;
}

/*
// Language selecteur
*/
#albertvieille{
	background      : url(../img/gui/bkg/bkg_homepage.jpg) no-repeat center top;
	width           : 260px;
	height          : 287px;
	font-family     : "Times New Roman", Times, serif;
	font-size       : 11px;
	color           : #000;
	margin          : 0;
	margin          : auto;
	padding         : 0;
	padding-top     : 183px;
	letter-spacing  : 2px;
}

#albertvieille li{
	list-style-type : none;
	margin          : 0;
	padding         : 0;
	margin-left     : 10px;
	margin-bottom   : 10px;
	text-align      : center;
}

#albertvieille a, #albertvieille a:hover{
	font-size       : 16px;
	color           : #FFF;
	letter-spacing  : 8px;
}

#language{
	width       : 760px;
	margin      : auto;
	text-align  : right;
	padding     : 1px 0px;
}

#language a, #language a:hover{
	font-family : Verdana, Arial;
	font-weight : bold;
	font-size   : 10px;
	color       : #FFF;
}

/*
// Top level div container.
*/
#layout{
	width           : 760px;
	background      : #966 url(../img/gui/bkg/bkg_layout.gif);
	margin          : auto;
	text-align      : left;
	vertical-align  : top;
}

#layout img{
	border          : 0;
}

#layout-menu{
	background      : #966 url(../img/gui/bkg/bkg_layout.gif) repeat-y left top;
	width           : 348px;
	text-align      : left;
	vertical-align  : top;
}

#layout-content{
	background      : #C9C;
	width           : 412px;
	text-align      : left;
	vertical-align  : top;
}

/*
// First level menu.
*/
#menu{
	width           : 174px;
	height          : 385px;
	background      : #E6CDE6 url(../img/gui/bkg/bkg_menu.jpg) no-repeat left top;
	font-size       : 11px;
	text-transform  : uppercase;
	letter-spacing  : 2px;
	vertical-align  : top;
	text-align      : left;
}

#menu ul{
	margin          : 0;
	padding         : 0;
	padding-top     : 20px;
}

#menu li{
	list-style      : none;
	margin-top      : 6px;
	margin-bottom   : 6px;
}

#menu li a{
	color           : #636;
	display         : block;
	padding-top     : 6px;
	padding-bottom  : 6px;
	padding-left    : 15px;
}

#menu li a:hover{
	background      : #636;
	color           : #FFF;
}

#menu .current, #menu .current:hover{
	background      : #636;
	color           : #FFF;
}

#menu a.neroliane, #menu a.partenariat{
	display         : block;
	background      : transparent url(../img/gui/bkg/bkg_neroliane.gif) no-repeat left center;
	font-size       : 12px;
	color           : #636;
	padding         : 2px 0; 
	padding-left    : 20px;
	margin-left     : 3px;
	text-transform  : none;
}

#menu a.partenariat:link,
#menu a.partenariat:visited,
#menu a.partenariat:hover {
	background      : transparent url(../img/gui/bkg/bkg_albertvieille.gif) no-repeat 10px center;
	margin          : 10px 0;
	padding: 0 0 0 30px;
}
#menu a.partenariat:hover {
	color: #c41332;
}
/*
// Second level menu.
*/
#navigation{
	width           : 174px;
	height          : 385px;
	background      : #D4A8D4 url(../img/gui/bkg/bkg_navigation.jpg) no-repeat left top;
	font-size       : 11px;
	color           : #000;
	vertical-align  : top;
	text-align      : left;
}

#navigation ul{
	margin          : 0;
	padding         : 0;
	padding-top     : 20px;
}

#navigation li{
	list-style      : none;
	margin-top      : 6px;
	margin-bottom   : 6px;
}

#navigation li a, #navigation a{
	color           : #000;
	display         : block;
	padding-top     : 6px;
	padding-bottom  : 6px;
	padding-left    : 15px;
}

#navigation li a:hover, #navigation a:hover{
	background      : #C9C;
	color           : #000;
}

#navigation .current, #navigation .current:hover{
	background      : #C9C;
	color           : #000;
}

#navigation h1{
	font-size       : 11px;
	font-weight     : normal;
	padding-top     : 6px;
	padding-left    : 15px;
	margin-bottom   : 0;
	padding-bottom  : 2px;
}

#navigation form{
	padding         : 0;
	margin          : 0;
}

#navigation input, #navigation select{
	font-family     : Verdana, Arial, Helvetica, Sans-Serif;
	font-size       : 10px;
	width           : 150px;
	margin-left     : 15px;
	border          : 0;
	border          : 0px solid #636;
}

#navigation select .famille{
	font-size       : 10px;
	font-style      : normal;
	margin-left     : 4px;
}

#navigation select option.famille{
	background      : #FFF;
	border-bottom   : 1px solid #EEE;
}

#navigation select option.nom{
	background      : #FFF;
	border-bottom   : 1px solid #EEE;
	padding         : 0;
	margin-left     : 2px;
	margin-top      : 2px;
	margin-bottom   : 2px;
}

#navigation input {
	width           : 145px;
	border          : 1px solid #636;
}

/*
// Header information
*/
#header{
	background      : url(../img/gui/logo/logo_albertvieille.jpg) no-repeat left top;
	height          : 100px;
	font-size       : 4px;
}

#header a{
	display         : block;
	width           : 348px;
	height          : 100px;
}

#header a span{
	display         : none;
}

/*
// Content information container.
*/
#layout #layout-content{
	background      : #C9C;
	padding-top     : 24px;
	padding-right   : 0;
	margin-left     : 348px;
	color           : #333;
	min-height      : 441px;
	margin          : 0;
	padding         : 0;
	padding-bottom  : 20px;
}

#layout #layout-content #fiche{
	height          : 100px;
}

#layout #layout-content h1, #layout #layout-content #fiche h1{
	color           : #636;
	text-transform  : uppercase;
	letter-spacing  : 1px;
	font-size       : 15px;
	font-weight     : normal;
	margin          : 0;
	padding-left    : 20px;
	padding-top     : 20px;
	padding-right   : 10px;
	margin-bottom   : 10px;
}

#layout #layout-content #fiche h1{
	padding         : 0;
	margin          : 0;
	padding-left    : 20px;
	padding-top     : 10px;
}

#layout #layout-content h2, #layout #layout-content #fiche h2{
	font-size       : 12px;
	font-weight     : bold;
	margin          : 0;
	padding         : 0;
	padding-right   : 10px;
	padding-left    : 20px;
	margin-bottom   : 12px;
	line-height     : 18px;
	color           : #636;
	height          : 40px;
	overflow        : hidden;
}

#layout #layout-content #fiche h2{
	margin          : 0;
	padding         : 0;
	padding-top     : 15px;
	padding-left    : 20px;
	height          : auto;
}

#layout #layout-content #fiche h2 span{
	color           : #636;	
}

#layout #layout-content #fiche h3{
	font-style      : italic;
	font-weight     : normal;
	font-size       : 16px;
}

#layout #layout-content h3{
	font-size       : 10px;
	font-weight     : bold;
	margin          : 0;
	padding         : 0;
	padding-top     : 8px;
	padding-bottom  : 8px;
	padding-right   : 10px;
	padding-left    : 20px;
	line-height     : 16px;
}

#layout #layout-content #subnavigation{
	font-size       : 11px;
	font-family     : Helvetica, Arial, Verdana, Sans-Serif;
	font-weight     : bold;
}

#layout #layout-content #chiffres{
	background      : #FFF;
	border          : 1px solid #B0749A;
	border-right    : 0;
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 11px;
	margin          : auto;
	margin-top      : 20px;
}

#layout #layout-content #chiffres td{
	padding         : 4px;
	border-right    : 1px solid #B0749A;
	border-bottom   : 1px solid #EEE;
}

#layout #layout-content #chiffres th{
	background      : #FCCBDE;
	border-right    : 1px solid #B0749A;
	border-bottom   : 1px solid #B0749A;
	padding         : 4px;
	color           : #703F5E;
	font-weight     : bold;
}

#layout #layout-content .show{
	display         : block;
}

#layout #layout-content .hide{
	display         : none;
}

#layout #layout-content #profil, #layout #layout-content #specifications, #layout #layout-content #cotation{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 10px;
	background      : #FFF;
	padding-bottom  : 10px;
}

#layout #layout-content #profil h1, #layout #layout-content #specifications h1, #layout #layout-content #cotation h1{
	font-family     :"Times New Roman", Times, serif;
	letter-spacing  : 0px;
	font-size       : 11px;
	font-weight     : bold;
	margin-bottom   : 0;
}

#layout #layout-content #profil p, #layout #layout-content #specifications p, #layout #layout-content #cotation p{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 11px;
}

#layout #layout-content #subnavigation .submit{
	background      : #636 url(../img/gui/mnu/tab_off.png) no-repeat right top;
	border          : 0;
	padding: 2px 4px 1px;
	font-weight     : bold;
	letter-spacing  : 1px;
	font-size       : 9px;
	color           : #FFF;
	margin : 0 4px 0 0;
}

#layout #layout-content #subnavigation .submit:hover, #layout #layout-content #subnavigation .current{
	background      : #FFF url(../img/gui/mnu/tab_on.png) no-repeat right top;
	border          : 0;
	color           : #636;
}

#layout-content p{
	font-size       : 12px;
	line-height     : 18px;
	color           : #000;
	margin          : 0;
	padding         : 0;
	padding-left    : 20px;
	padding-top     : 8px;
	padding-right   : 10px;
	padding-bottom  : 8px;
/*	letter-spacing  : 1px; */
}

#layout-content sup{
	font-size       : 8px;
}

#layout-content #link{
	text-align      : right;
}

#layout-content #link a, #layout-content #link a:hover{
	text-decoration : underline;
	text-transform  : uppercase;
	color           : #636;
	font-size       : 9px;
	font-weight     : bold;
	padding-bottom  : 5px;
}

#layout-content #link a:hover{
	color           : #FFF;
}

/*
// Contact & Recrutment information.
*/

#layout-content #recrutement{
	margin-left     : 20px;
	width           : 380px;
	font-size       : 11px;
	color           : #000;
}


#layout-content .legend{
	margin-bottom   : 10px;
}

#layout-content #recrutement .label{
	width           : 138px;
}

#layout-content #recrutement input,
#layout-content #recrutement select,
#layout-content #recrutement textarea {
	width           : 98%;
	background      : #D4A8D4;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 11px;
	color           : #15385E;
	padding         : 2px;
	border          : 1px solid #969;
}

#layout-content #recrutement input:hover, #layout-content #recrutement select:hover, #layout-content #recrutement textarea:hover{
	background      : #E6CDE6;
	border          : 1px solid #636;
}

#layout-content #recrutement input:focus, #layout-content #recrutement select:focus, #layout-content #recrutement textarea:focus{
	background      : #FFF;
	border          : 1px solid #636;
}

#layout-content #recrutement textarea{
	overflow        : auto;
}

#layout-content #recrutement .submit{
	width           : 80px;
	background      : #636;
	border          : 1px solid #636;
	color           : #FFF;
	letter-spacing  : 1px;
	font-weight     : bold;
	font-size       : 9px;
}

#layout-content #recrutement .submit:hover{
	background      : #E6CDE6;
	border          : 1px solid #636;
	color           : #636;
}

#layout-content #recrutement .checkbox{
	width           : auto;
	border          : 0;
	background      : transparent;
	vertical-align  : middle;
}

#layout #layout-content #errors{
	font-size       : 11px;
	background      : #E6CDE6;
	border          : 1px solid #636;
	padding         : 4px;
	width           : 90%;
	margin          : 10px 0 10px 20px;
}

#layout-content #recrutement .error{
	border          : 1px solid #636;
}

#layout-content #realisations{
	font-size       : 12px;
	margin          : 0;
	padding         : 0;
	padding-left    : 20px;
}

#layout-content ul {
	padding         : 0;
	margin          : 0;
}

#layout #layout-content ul li{
	padding         : 0;
	margin          : 0;
	background      : url(../img/gui/pco/li.gif) no-repeat left center;
	padding-left    : 7px;
	margin-bottom   : 8px;
	list-style      : none;
}
#layout #layout-content ul li.bio{
	padding         : 0;
	margin          : 0;
	background      : url(../img/gui/pco/li_bio.gif) no-repeat left top;
	padding-left    : 17px;
	margin-bottom   : 8px;
	list-style      : none;

}
#layout #layout-content ul li.fabav{
	padding         : 0;
	margin          : 0;
	background      : url(../img/gui/pco/li_av.gif) no-repeat left top;
	padding-left    : 17px;
	margin-bottom   : 8px;
	list-style      : none;

}
#layout-content #realisations a{
	font-size       : 12px;
	color           : #000;
	text-decoration : none;
	padding         : 4px 0px;
}

#layout-content #realisations a:hover{
	color           : #FFF;
	text-decoration : none;
}

#layout-content #presentation{
	margin-bottom   : 4px;
}

#layout #layout-content #diaporama{
	text-align      : right;
	padding-top     : 4px;
	padding-right   : 4px;
	margin-bottom   : 20px;
}

#layout #layout-content #diaporama a{
	background      : #FFF;
	border          : 1px solid #7E99B7;
	margin          : 0;
	padding         : 0;
}

#layout #layout-content #illustration{
	padding         : 0;
	margin          : 0;
}

#layout #layout-content #diaporama a:hover{
	background      : #FFF;
	border          : 1px solid #9F0;
}

#layout #layout-content #diaporama a img{
	border          : 0;
	background      : #FFF;
	width           : 8px;
	height          : 8px;
	margin          : 0;
	padding         : 0;
}

/*
// Product display
*/

#layout #layout-content table td{
	text-align      : left;
	vertical-align  : top;
	color           : #000;
}

#layout #layout-content #obtention, #layout #layout-content #description, #layout #layout-content #proprietes, #legislation{
	width           : 100%;
	font-family     : Arial, Helvetica, Sans-Serif;
	font-size       : 10px;
	background      : #FFF;
}

#layout #layout-content #description, #layout #layout-content #legislation{
	background      : #F9F2F9;
}

#layout #layout-content #obtention td.label, #layout #layout-content #description td.label, #layout #layout-content #proprietes td.label, #layout #layout-content #legislation td.label{
	font-size       : 11px;
	font-weight     : normal;
	margin          : 0;
	padding         : 0;
	padding-left    : 20px;
}

#layout #layout-content #obtention th, #layout #layout-content #description th, #layout #layout-content #proprietes th, #layout #layout-content #legislation th{
	text-align      : left;
	font-family     : "Times New Roman", Times, serif;
	font-size       : 11px;
	text-transform  : uppercase;
	color           : #636;
	margin          : 0;
	padding         : 10px 0;
	padding-left    : 20px;
}

#layout #layout-content #specifications .titre, #layout #layout-content #cotation .titre{
	text-align      : left;
	font-family     : "Times New Roman", Times, serif;
	font-size       : 11px;
	text-transform  : uppercase;
	color           : #636;
	border-bottom   : 1px solid #C9C;
}

#layout #layout-content #specifications em, #layout #layout-content #cotation em{
	color           : #F33;
}

#layout #layout-content #obtention .label, #layout #layout-content #description .label, #layout #layout-content #proprietes .label, #layout #layout-content #legislation .label{
	font-weight     : bold;
	font-size       : 10px;
	width           : 140px;
	padding         : 0;
	margin          : 0;
}

#layout #layout-content #obtention .information, #layout #layout-content #description .information, #layout #layout-content #proprietes .information, #layout #layout-content #legislation .information{
	font-size       : 11px;
	padding         : 3px 0;
}

.needed{
	color           : #F33;
}



#error-panel {
	font-size: 12px;
	line-height: 140%;
	color: #efd7ef;
	background-color: #6b285a;
	margin: 12px 0;
	padding: 12px;
}

#success-panel {
	font-size: 12px;
	line-height: 140%;
	color: #6b285a;
	background-color: #fff7e1;
	border: 1px solid #f4e1ab;
	margin: 12px 0;
	padding: 12px;
}







/*
// Homepage
*/

#layout #layout-content #homepage{
	font-size       : 15px;
	padding-top     : 20px;
	color           : #FFF;
	line-height     : 40px;
	letter-spacing  : 1px;
}

#layout #layout-content address{
	font-style      : normal;
	text-align      : right;
	padding-right   : 40px;
}

/*
// Text and flash sound.
*/
#footer{
	width           : 758px;
	height          : 10px;
	border          : 1px solid #C9C;
	border-top      : 0;
	margin          : auto;
	padding         : 4px 0 6px 0;
}

#footer span{
}

/*
// Section : Albertvieille
*/

#partenariat a{
	font-size       : 11px;
	color           : #000;
}

#partenariat a:hover{
	color           : #FFF;
}

a.partenariat{
	color           : #000;
}

a.partenariat:hover{
	color           : #666;
}


/*
// Section : Néroliane.
*/

#neroliane a{
	font-size       : 11px;
	color           : #000;
}

#neroliane a:hover{
	color           : #FFF;
}

a.neroliane{
	color           : #000;
}

a.neroliane:hover{
	color           : #666;
}




/* @group member items */
/*
	--- nk : navigation & mini-shopping cart
*/
#menu ul li.spcl {
	margin: 0;
	padding: 8px 0;
	background: #dcbadb url(../img/gui/bkg/bk-rows.jpg) repeat-x 0 bottom;
	border-bottom: 1px solid #c197c0;
	border-top: 1px solid #e5cee4;
}

#menu #mini-cart {
	margin: 12px 6px;
	padding: 6px;
	background: #ead7ea url(../img/gui/bkg/bk-mini-cart.jpg) repeat-y 0 top;
	border: 1px solid #f4e1f4;
}

#menu #mini-cart dl {
	margin: 6px 0 12px;
	padding: 0;
}

#menu #mini-cart dl dt {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0;
	color: #636;
	text-align: center;
	margin: 0 0 8px;
	padding: 2px 0 12px;
	border-bottom: 1px solid #e6cde6;
}

#menu #mini-cart dl dd {
	font-size: 11px;
	color: #636;
	text-align: left;
	text-transform: none;
	margin: 0;
	padding: 2px 8px 4px;
}

#menu #mini-cart a:link,
#menu #mini-cart a:visited,
#menu #mini-cart a:hover {
	font-size: 11px;
	letter-spacing: 0;
	color: #636;
	text-transform: none;
	text-align: center;
	display: block;
	margin: 4px 0;
	padding: 4px 8px;
	background: #efdcef url(../img/gui/bkg/btn_normal.jpg) no-repeat 0 top;
	border: 0px solid #d6b6d6;
}
#menu #mini-cart a:hover {
	background: #efdcef url(../img/gui/bkg/btn_hover.jpg) no-repeat 0 top;
}


s {
	font-size: 11px;
	color: #c12629;
	margin: 0;
	padding: 0;
	text-decoration: line-through;
}


#layout #layout-content #fiche-price {
	margin: 0 0 12px;
	padding: 8px 20px;
	background-color: #f4e1f4;
	overflow: hidden;
}
*html #layout #layout-content #fiche-price {
	zoom: 1;
}
#layout #layout-content #fiche-price #price-label {
	color: #4c134c;
	font-size: 16px;
	float: left;
	width: 50%;
	margin: 0;
	padding: 2px 0;
}

#layout #layout-content #fiche-price #price-label .price-nego {
	color: #b20d10;
}


#layout #layout-content #fiche-price a:link,
#layout #layout-content #fiche-price a:visited,
#layout #layout-content #fiche-price a:hover {
	font-size: 11px;
	letter-spacing: 0;
	color: #636;
	text-transform: none;
	text-align: center;
	display: block;
	margin: 0px 0;
	padding: 4px 0;
	width:  148px;
	background: #efdcef url(../img/gui/bkg/btn_lit_normal.jpg) no-repeat 0 top;
	border: 0px solid #d6b6d6;
	float: right;
}
#layout #layout-content #fiche-price a:hover {
	background: #efdcef url(../img/gui/bkg/btn_lit_hover.jpg) no-repeat 0 top;
}


#layout #layout-content #profil #prod-image {
	margin: 0 20px 10px;
	padding: 16px 0 0;
	overflow: hidden;
}

#layout #layout-content #profil #prod-image img {
	margin: 0 20px 0 0;
	padding: 0;
	width: 140px;
	display: block;
	float: left;
}

table.prix td a.prod-name-links:link,
table.prix td a.prod-name-links:visited,
table.prix td a.prod-name-links:hover {
	font-weight: bold !important;
	color: #636 !important;
	border-bottom: 1px solid #636 !important;
}
table.prix td a.prod-name-links:hover {
	color: #c12629 !important;
	background-color: transparent !important;
	border-bottom: 1px solid #c12629 !important;
}


/* @end */