/**************************************************************************/
/************************ STYLE COMMUN IMPRESSION**************************/


/*------------------- STYLES BALISES -------------------*/

FONT {  font:10px,Verdana,Arial,Helvetica,sans-serif; }
b font { font-weight: bold; }
i font { font-style:italic; }

@page {
	size: portrait;
	margin: 0cm; 
	}

BODY {
	MARGIN:0px;
	FONT: 10px/1.3em Verdana,Arial,Helvetica,sans-serif;
	TEXT-ALIGN: left;
	}
	
p, td, .txt_contenu, a {
	font:10px/1.3em Verdana,Arial,Helvetica,sans-serif;
	text-align:left;
	orphans:10;
	widows:10;
	}
	
blockquote, .citation {
	color:#808080;
	font-style:italic;
	font-weight:bold;
	}	

caption {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #444444;
	text-align:left;
	}

/*!formulaire*/	
form, input, select, option {
	font:9px/1.3em Verdana,Arial,Helvetica,sans-serif;
	/*text-align:justify;*/  /*-----> ne pas assigner d'alignement par defaut dans les formulaires - Valerie ----*/
	}
	
ul {
	margin: 0;
	padding: 0;
	}	

li {
	list-style-type: none;
	list-style-position:outside;
	padding-left:0px;
	padding-top:0px;
	margin-left:30px;
	margin-top:0px;
	text-align:left;
	}
	
ul.sub li, li.sub {
	list-style-type: none;
	list-style-position:outside;
	padding-left:0px;
	padding-top:0px;
	margin-left:47px;
	margin-top:7px;
	}
	
/* tableau*/
table.tableau {
	border-width: 0px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #999999;
	}
	
/*cellules de titre du tableau*/
table.tableau th {
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	text-align:left;
	border-color: #999999;
	}

table.tableau tr {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	}

table.tableau td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	text-align:left;
	}

.lignecolor {
	background-color:#EEEEEE;
	}

.lignewhite {
	background-color:#ffffff;
	}
	
.lignebas {
	border-bottom:#999999 1px solid;
	}

.filetbas {
	border-bottom:#999999 1px solid;
	}
	

/*------------------ STYLES LIENS ---------------------*/

/*-- Lien par defaut --*/
a { 
	color:#999999;
	TEXT-DECORATION: underline;
	} 

/*-- Liens specifiques --*/
.lexique {
	COLOR: #000000;
	border-bottom-color:#999999;
	BORDER-BOTTOM-style:dotted;
	border-bottom-width:1px;
	}
	
.LienBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	FONT-WEIGHT: normal;
	COLOR: #ffffff;
	height: 13px;
	text-align: right;
	text-decoration: none;
	}
		

	
/*---------------- STYLES APPLICABLES -----------------*/

.bordure_print {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	}
	
.entete {
	text-align:center;
	display:block;
	}
	
.info {
	font-style:italic;
	margin-top:5px;
	}	
		
.legende {
	FONT-WEIGHT: normal;
	COLOR: #9B512F;
	font-style:	normal;
	margin-right: 10px;
	PADDING-RIGHT: 5px;
	text-align:left;
	font:10px Arial,Helvetica,sans-serif;
	}

.legende_libre {
	FONT-WEIGHT: normal;
	COLOR: #9B512F;
	font-style:	normal;
	font:10px Arial,Helvetica,sans-serif;
	}
	
.lettrine {
	FONT: italic bold 26px/1em "Times New Roman",Times,serif;
	COLOR: #000000;
	text-align: left;
	}
	
.menu_print, .colonne_print {
	width:1px;
	}
	
.miseajour {
	PADDING-RIGHT: 5px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #999999;
	MARGIN-RIGHT: 10px;
	FONT-STYLE: italic;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: right
	}
	
.noprint {
	display:none;	
	}
	

	
/* style onglet Maison & Producteurs */
	
/*.onglets {
	clip:rect('0', '0', '402', '456');
	background:transparent;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top:0px;
	OVERFLOW: auto;
	height:402px;
	width:456px;
	}
*/
	
/* styles onglets génériques (ex : actu.) */
	
.onglet_tab {
	width:458px;
	height:40px;
	/*border-top: 1px solid #999999;
	border-left: 1px solid #999999;*/
}

.onglet_cadre {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	}		
	
.onglet_cadreco {
	/*clip:rect('0', '0', '432', '434');
	background:transparent;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;*/
	/*OVERFLOW: auto;
	height:432px;
	width:434px;*/
	padding-left:10px; 
	padding-right:10px;
	}

.onglet_actif {
	FONT: bold 12px Verdana,Arial,Helvetica,sans-serif;
	font-variant:small-caps;
	color:#000000;
	text-align: center;
	/*border-right: 1px solid #999999;*/
	border:1px solid #999999;
}

.onglet_nonactif {
	/*FONT: italic 11px Times,Courier,sans-serif;
	color:#000000;
	display: block;
	line-height: 30px;
	margin: 0; 
	white-space: nowrap;
	text-align: center;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;*/
	display:none;
}
	
.onglet_styletitre {
	color:#666666;
}

.photo_left {
	margin-right: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	float:left;
	}
	
.photo_right {
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	float:right;
	display:block;
	}

/* forcer le saut de div */

/*div hr {
	display: block; 
	clear: both;
	visibility: hidden;
	padding:0;
	margin:0;
	height:1px;
}*/
	
.table_generale {
	 width:470px;
	 }

.texte_intro {
	PADDING-LEFT: 90px;
	FONT-SIZE: 10px;
	PADDING-BOTTOM: 15px;
	COLOR: #9f9888;
	PADDING-TOP: 20px;
	FONT-STYLE: italic;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	TEXT-ALIGN: justify;
	}



/*------------------------ STYLES DES TITRES -----------------------*/

.sautdepage {
	page-break-before:always; !important
	display:table;
	width:250px;
	}
	
.titre1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #999999;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	text-transform:uppercase;
	line-height:50px;
	display: block; 
	clear: both;	
	}

.titre2 {
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	VERTICAL-ALIGN:middle;
	COLOR: #999999;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	LETTER-SPACING: 1px;
	text-align: left;
	line-height:50px;
	display: block; 
	clear: both;
	}
	
/*couleur univers*/
.titre3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #3b3b3b;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	text-decoration:underline;
	text-align:left;
	padding-bottom:5px;
	display: block; 
	clear: both;
	}
	
/* gris*/
.titre4 {
	PADDING-RIGHT: 0px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	PADDING-BOTTOM: 2px;
	COLOR: #444444;
	PADDING-TOP: 2px;
	/*display: block; 
	clear: both;*/		/* ----> Ne pas forcer les marges et alignements sur les titres utilises *dans le texte* - Valerie --- */
	}
	
/* capitale couleur univers souligne*/
.titre_souligne {
	COLOR: #999999;
	BORDER-BOTTOM:1px solid #999999;
	FONT: bold 10px/20px Arial,Helvetica,sans-serif;
	TEXT-TRANSFORM: uppercase;
	LETTER-SPACING: 2px;
	display: block; 
	clear: both;
	}
	

.titre_fiche {
	COLOR: #FFFFFF;
	FONT: bold 12px/20px Verdana,Arial,Helvetica,sans-serif;
	vertical-align: middle;
	padding-left: 20px;
	text-align: left;
	background-repeat:no-repeat;
	}
	
/* gold souligne*/
.titre_gold {
	font: bold 9px/20px Georgia,Times,serif;
	TEXT-TRANSFORM: uppercase;
	LETTER-SPACING: 2px;
	text-align: left;
	COLOR: #bd9d51;
	border-bottom:1px solid #bd9d51;
	}
	
	
	
/*---------------- STYLE SPECIFIQUE POUR CHAMP RECHERCHE DU FORMULAIRE COLONNE -----------------*/
/* Attention : la page colonne.aspx contient également du code CSS nécessaire car complémentaire des styles mentionnés ci-dessous */	


	
.td_go {
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	padding-right:2px;
	}
	
/* Centrage des éléments */
html>body td.espace {
	background-image: url(/cognac/images/trans.gif);
	width:90px;
	height:30px;
	}
	
.espace {
	background-image: url(/cognac/images/trans.gif);
	width:90px;
	height:10px;
	}
	
	
/*---------------- STYLE SPECIFIQUE CHAMP LANGUE DU FORMULAIRE COLONNE ------------------*/
/* Style trouvé sur http://www.nanoum.net/blog/10_bordure_liste_select.html */

/* Pour IE */
select.colonne {
	color:#000000;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;*/
	width:99px;
	height:16px;
	border:0;
	margin:-2px;
	margin:-1px;
	}

/* Pour FireFox */
html>body select.colonne {
	position:absolute;
	clip: rect(2px, 100px, 20px, 2px);
	margin:0;
	padding:0;
	width:101px;
	}

/* Pour IE */
.conteneur div {
	position:absolute; 
	margin-top:-1px; 
	margin-left:-1px; 
	margin-bottom:0px;
	background-color:#000000; 
	width:99px; 
	height:18px; 
	height:18px; 
	width:100px; 
	vertical-align:middle;
	}

/* Pour FireFox */	
html>body div.conteneur div {
	margin:1px 0 0 1px;
	height:18px; 
	width:100px; 
	}

/* Conteneur général */
.conteneur {
	position:relative;
	}
	
/*---------------- STYLES DU FORMULAIRE DE RECHERCHE AVANCEE (ACTUALITE) -----------------*/

/* titre */
.ra_cadre_titre {
color:#FFFFFF;
padding-left:28px;
font-weight:bold;
background-color:#bbbbbb;
border: 1px solid #999999;
}

/* cadre en couleur foncée */
.ra_cadre1 {
color:#FFFFFF;
font-weight:bold;
background-color:#bbbbbb;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
}

/* cadre en couleur claire */
.ra_cadre2 {
color:#000000;
font-weight:bold;
background-color:#eeeeee;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
}

/*---------------- STYLES D'AFFICHAGE DU CALENDRIER POP-UP -----------------*/

#dlcalendar_container {
	width:150px; 
	table-layout:fixed;
}

#dlcalendar_navigationRow { 
	width:100%; 
	margin:0px; 
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	background-color:#aaaaaa; 
	color:#ffffff; 
	text-align:center;  
	cursor:default;
}

td.dlcalendar_monthYearCell {
	text-align:center;
	font-weight:bold;
}

td.dlcalendar_navWebdings {
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
	font-family: webdings;
}

td.dlcalendar_navImages {
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
}

#dlcalendar_bodyTable {
	table-layout:fixed;
	width:100%;
	border:1px solid #999999;
	margin:0px;
	border-collapse:separate;
}

#dlcalendar_headerRow {
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	background-color:#cccccc;
	cursor:default;
}

th.dlcalendar_headerRowCell {
	padding:2px;
	text-align:center;
	color:#000000;
}

tr.dlcalendar_dateRow {
	text-align:center;
	vertical-align:middle;
}

td.dlcalendar_dayRegular {
	padding:2px;
	border:none;
	color:#000000;
	background-color:#ffffff;
	cursor:pointer;
	text-align:center;
}


td.dlcalendar_dayWeekend {
	padding:2px;
	border:none;
	color:#999999;
	background-color:#ffffff;
	cursor:pointer;
	text-align:center;
}


td.dlcalendar_daySelected {
	border:1px solid #999999;
	color:#ffffff;
	background-color:#999999;
	cursor:default;
	text-align:center;
	font-weight:bold
}


td.dlcalendar_dayOtherMonth {
	border:1px solid #ffffff;
	color:#ffffff;
	background-color:#ffffff;
	cursor:default;
	text-align:center;
}


td.dlcalendar_dayDisabled {
	padding:2px;
	border:1px solid #ffffff;
	color:#cccccc;
	background-color:#ffffff;
	cursor:default;
	text-align:center;
}



td.dlcalendar_emptyDate {
	text-align:center;
	padding:2px;
	border:1px solid #000000;
	color:#000000;
	background-color:lightgrey;
	cursor:pointer;
}
