/******************************************************************/
/************************ STYLE COMMUN **************************/


/*------------------- STYLES BALISES -------------------*/

FONT {  font:10px,Verdana,Arial,Helvetica,sans-serif; }
b font { font-weight: bold; }
i font { font-style:italic; }

BODY {
	background: url(../images/structure/fond.jpg) fixed no-repeat center top;
	background-attachment: scroll;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	font:10px Verdana,Arial,Helvetica,sans-serif;
	scrollbar-face-color: #ffffff;
	scrollbar-track-color: #EEEEEE;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #999999;
	SCROLLBAR-3DLIGHT-COLOR: #999999;
	SCROLLBAR-ARROW-COLOR: #999999;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	}
	
ul {
	margin: 0;
	padding: 0;
}	

p, td, .txt_contenu, .maincontent {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	/*float:left;*/
}


/*citation*/	
.citation {
	color:#808080;
	font-style:italic;
	font-weight:normal;
	}

.mise_en_avant, blockquote {
	color:#808080;
	font-style:italic;
	font-weight:bold;
	}

.mise_en_avant {
	padding-top:12px;
	margin-left:30px;
}
	
/*Titre de tableau*/	
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, textarea {
	font:9px/1.3em Verdana,Arial,Helvetica,sans-serif;
	/*text-align:justify;*/  /*-----> ne pas assigner d'alignement par defaut dans les formulaires - Valerie ----*/
	}
	
/*puce ronde*/
li {
	list-style-type:none;
	list-style-position:outside;
	padding-left:0px;
	padding-top:0px;
	margin-left:20px;
	margin-top:5px;
	text-align:left;	}
	
/*tiret*/	
ul.sub li, li.sub {
	margin-left:35px;
	margin-top:7px;
	}

/*mini flèche*/
ul.minifleche li, li.minifleche {
	margin-left:25px;
	margin-top:5px;
	}

/*flèche*/
ul.fleche li, li.fleche {
	margin-left:15px;
	margin-top:5px;
	}
/* tableau*/
table.tableau {
	border-width: 0px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #999999;
	
}

table.tableau tr {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
}
/*cellules de titre du tableau*/
table.tableau th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	background-color: #EEEEEE;
	color:#ffffff;
	text-align:left;
	border-color: #999999;
	text-align:left;
}

table.tableau td {
	border-color: #999999;
	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: none;
	padding:0;
	margin:0;
	} 
	
a:hover {
	color:#000000; 
	TEXT-DECORATION: underline; 
	}

/*-- Liens specifiques --*/
a.lexique {
	COLOR: #000000;
	border-bottom-color:#999999;
	BORDER-BOTTOM-style:dotted;
	border-bottom-width:1px;
	}
	
a.lexique:hover {
	COLOR: #999999;
	border-bottom-color:#000000;
	text-decoration: none;
	BORDER-BOTTOM-style:dotted;
	border-bottom-width:1px;
	}
		
/*-- Liens Colonne --*/
	
.TxCol {
	FONT: 9px Arial,Helvetica,sans-serif;
	COLOR: #000000;
	text-align: right;
	text-decoration: none;
	padding-bottom: 5px;
	padding-right: 0px;
	}

A.TxCol:link, active, visited {
	TEXT-DECORATION: none;
	COLOR: #000000;
	}
	
A.TxCol:hover {
	COLOR: #000000;
	TEXT-DECORATION: underline;
	}

.LienBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	COLOR: #ffffff;
	height: 13px;
	text-align: right;
	text-decoration: none;
	}
	
A.LienBlanc:link, active, visited {
	COLOR: #ffffff;
	TEXT-DECORATION: none
	}
	
A.LienBlanc:hover {
	COLOR: #ffffff;
	TEXT-DECORATION: underline
	}
	
.LienRouge {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #852400;
	height: 13px;
	text-align: right;
	text-decoration: none;
	}
	
A.LienRouge:link, active, visited {
	COLOR: #852400;
	TEXT-DECORATION: none;
	}

A.LienRouge:hover {
	COLOR: #852400;
	TEXT-DECORATION: underline;
	}
	
	
/*---------------- STYLES APPLICABLES -----------------*/

.lexique {text-align:left;
}
	
.cadre {
	clip:rect('0', '0', '432', '433');
	background:transparent;
	border: 1px solid #999999;
	OVERFLOW: auto;
	height:432px;
	width:433px;
	padding-left:10px; 
	padding-right:10px;
	text-align: justify;
	}
	
.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 {
	width:160px; /*?*/
	}

.miseajour {
	COLOR: #A49C93;
	font: italic 10px Arial,Helvetica,sans-serif;
	margin-right: 10px;
	PADDING-RIGHT: 5px;
	text-align: right;
	}
	
.noscreen {
	display:none;
	}
	
/* style onglet Maison & Producteurs */
	
.onglets {
	clip:rect('0', '0', '402', '454');
	background:transparent;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top:0;
	OVERFLOW: auto;
	height:402px;
	width:454px;
	}
/* cette classe etait entre commentaires et empechait l'affichage correct des fiches de M&P. Je la reactive ce jour 18/10 apres verifications. Valerie.*/


/* styles onglets génériques (ex : actu.) */
	
.onglet_tab {
	width:456px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

.onglet_cadre {
	clip:rect('0', '0', '432', '454');
	background:transparent;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	OVERFLOW: auto;
	height:402px;
	width:454px;
}
.onglet_cadreco {
	clip:rect('0', '0', '432', '454');
	background:transparent;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	OVERFLOW: auto;
	height:402px;
	width:434px;
	padding-left:10px; 
	padding-right:10px;
	overflow-y:scroll;
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	}
.onglet_actif {
	FONT: bold 11px Verdana,Arial,Helvetica,sans-serif;
	color:#000000;
	text-align: center;
	border-right: 1px solid #999999;
}

.onglet_nonactif {
	FONT: bold 11px Verdana,Arial,Helvetica,sans-serif;
	color:#000000;
	display: block;
	line-height: 30px;
	margin: 0; 
	white-space: nowrap;
	background-color:transparent;
	text-align: center;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
	
a.onglet_nonactif:link, a.onglet_nonactif:visited, a.onglet_nonactif:hover {
	text-decoration: none;
}
	
.onglet_styletitre {
	color:#666666;
}

.photo_left {
	margin-right: 15px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top:5px;
	float:left;
	}
	
.photo_right {
	margin-left: 15px;
	margin-right:0;
	margin-bottom: 5px;
	margin-top:5px;
	float:right;
	padding:0
	}

.img_border {
	border: 1px solid;
	border-color: #B9B8B8;
}

/* forcer le saut de div */

div hr {
	display: block; 
	clear: both;
	visibility: hidden;
	padding:0;
	margin:0;
	height:1px;
}

/*.retrait {
	padding-left:25px;
	}*/
/* ---> style cree par moi qu'on peut supprimer => servait a faire les retraits pour les puces ; remplace par class SUB --- */
	
.table_generale { 
	width:760px;
	}

/*.texte_intro {
	COLOR: #888888;
	FONT: italic 11px Georgia,"Times New Roman",Times,serif;
	TEXT-ALIGN: justify;
	padding-left: 90px;
	padding-top: 20px;
	padding-bottom: 15px;
	}*/

.texte_intro {
	COLOR: #333333;
	FONT: italic 11px Georgia,"Times New Roman",Times,serif;
	TEXT-ALIGN: justify;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 15px;
	}


/*------------------------ STYLES DES TITRES -----------------------*/

/*banc sur fond couleur univers*/
.titre1 {
	COLOR: #FFFFFF;
	FONT: bold 12px/20px Verdana,Arial,Helvetica,sans-serif;
	vertical-align: middle;
	padding-left:20px;
	padding-top:1px; 
	text-align: left;
	background-position:left center;
	background-repeat:no-repeat;
	line-height:50px;
	display: block; 
	clear: both;		
	}

/* noir - ligne avec puce*/	
.titre2 {
	COLOR:#000000;
	FONT: bold 11px/20px Verdana,Arial,Helvetica,sans-serif;
	vertical-align: middle;
	padding-left: 14px;
	padding-top:1px; 	
	text-align: left;
	background-position:left center;
	background-repeat:no-repeat;
	line-height:50px;
	display: block; 
	clear: both;	
	}
	
/*couleur univers*/
.titre3 {
	COLOR: #999999;
	FONT: bold 13px Verdana,Arial,Helvetica,sans-serif;
	TEXT-ALIGN: left;
	padding-top:7px;
	padding-bottom:2px;
	display: block; 
	clear: both;
	}
	
/* gris*/
.titre4 {
	color:#999999;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	TEXT-ALIGN: left;
	/*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;
	FONT: bold 11px/21px Arial,Helvetica,sans-serif;
	TEXT-TRANSFORM: uppercase;
	LETTER-SPACING: 2px;
	BORDER-BOTTOM-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#999999;
	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: 9px/20px Georgia,Times,serif;
	TEXT-TRANSFORM: uppercase;
	LETTER-SPACING: 2px;
	text-align: left;
	COLOR: #bd9d51;
	/*border-bottom:2px 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;
text-align:left;
}

/* 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;
text-align:left;
}

/*---------------- 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;
}

/* styles Synomia */

.cooc_b {
	border: 1px solid #999999;
	background-color:#eeeeee;
}