/* ----------------------------------*/
/* -- PANNEAU EDITION DE LA PAGE --  */
/* ----------------------------------*/

/*
span.tb-text-list{
	display: none;
}
*/

/* -------------*/
/* -- CADRE --  */
/* -------------*/

BODY{
	background: #F6F4ED url(bg.gif) repeat-x left top;
}
#cadre-general{
	width: 100%;
	background: transparent url(bg-cadre-milieu.gif) repeat-y center top;
}
#cadre{
	width: 100%;
	background: transparent url(bg-cadre-haut.gif) no-repeat center top;
}
#cadre-inner{	
	width: 100%;
	background: transparent url(bg-cadre-bas.gif) no-repeat center bottom;
	padding-bottom: 10px;
}
#cadre-inner2{
	width : 950px;
	clear: both;
	margin: 0px auto;
}
.clear {
}
#contenu{
	clear: both;
	width : 950px;	
	text-align: left;	
}
.sub{
	padding: 0 12px 0 12px;
}


/* -------------------------------------------*/
/* -- SPECIALEMENT POUR LA PAGE D'ACCUEIL --  */
/* -------------------------------------------*/


#sub-310245678{
	margin-top: 10px;
}
#sub-310245678 #encadre-bleu {
	border: 1px solid #c7c7c5;
	margin-bottom: 18px;
}	
#sub-310245678 #encadre-bleu-inner {			
	padding: 5px;
}
#sub-310245678 #encadre-bleu-inner2 {	
	background: #392d79 url(bg-encadre-bleu.gif) no-repeat center top;
	width: 100%;	
}
#sub-310245678 #encadre-bleu P.bodytext{
	margin: 0 0 10px 0;
	padding: 0;	
}
#sub-310245678 #encadre-bleu,
#sub-310245678 #encadre-bleu P,
#sub-310245678 #encadre-bleu TD{
 color: #FFF;
 font-size: 11px;
}
#sub-310245678 #encadre-bleu A{
 color: #FFF;
 font-size: 11px;
 text-decoration: underline;
}
#sub-310245678 #encadre-bleu A:hover{
	color: #D4EB6F;
}
#sub-310245678 #encadre-bleu H2{
	color: #FFF;
	background-image: none;
	margin: 0;
}
#sub-310245678 #encadre-bleu H2.titre-encadre{	
	text-align: center;
	padding: 40px 0 24px 0;
}
#sub-310245678 #colonne-haut{	
	float: left;
}
#sub-310245678 #colonne-haut-inner{	
	margin-left: 7px;
}
#sub-310245678 #colonne-haut H2{
	background: transparent url(encadre-bleu-feuille.gif) no-repeat left top;
	padding: 0 0 10px 20px;
	display: block;
}
#sub-310245678 #colonne-haut P.bodytext{
	padding: 0 0 0 20px;
}

#sub-310245678 #colonne-centrale{
	float: left;
	margin-left: 10px;
}
#sub-310245678 #colonne-centrale H2{
	background: url(encadre-bleu-grappe.gif) no-repeat left top;
	padding: 0 0 10px 20px;
	display: block;
}
#sub-310245678 #colonne-centrale P.bodytext{
	padding: 0 0 0 23px;
}
#sub-310245678 #colonne-bas{	
	float: left;
	margin-left: 10px;
}
#sub-310245678 #colonne-bas H2{
	background: url(encadre-bleu-verre.gif) no-repeat left top;
	padding: 0 0 10px 20px;
	display: block;
}
#sub-310245678 #colonne-bas P.bodytext{
	padding: 0 0 0 15px;
}
#sub-310245678 #encadre-vert{
	clear: both;
	border: 1px solid #c7c7c5;
	margin-bottom: 15px;
}
#sub-310245678 #encadre-vert-inner {			
	padding: 5px;
}
#sub-310245678 #encadre-vert-inner2 {	
	background: #bed362 url(bg-encadre-vert.gif) no-repeat center top;
	width: 100%;	
}
#sub-310245678 #encadre-vert P.bodytext{
	margin: 0 0 10px 0;
	padding: 0;	
}
#sub-310245678 #encadre-vert H2{
	color: #20145e;
	background: none;
	margin: 0;
}
#sub-310245678 #encadre-vert H2.titre-encadre{	
	text-align: center;
	padding: 40px 0 20px 0;
}
#sub-310245678 #encadre-vert,
#sub-310245678 #encadre-vert P,
#sub-310245678 #encadre-vert TD{
 color: #20145e;
 font-size: 11px;
}
#sub-310245678 #encadre-vert A{
 color: #20145e;
 font-size: 11px;
 text-decoration: underline;
}
#sub-310245678 #encadre-vert A:hover{
 color: #0e68a6;
}
#sub-310245678 #colonne-bordure{
	float: left;
	margin-left: 4px;
}
#sub-310245678 #colonne-bordure H2{
	background: url(bg-encadre-vert-feuille.gif) no-repeat left top;
	padding: 0 0 10px 21px;
}
#sub-310245678 #colonne-bordure P.bodytext{
	padding: 0 0 0 23px;
}
#sub-310245678 #colonne-colonne6{
	float: left;
	margin-left: 3px;
}
#sub-310245678 #colonne-colonne6 H2{
	background: url(bg-encadre-vert-feuille.gif) no-repeat left top;
	padding: 0 0 10px 21px;
}
#sub-310245678 #colonne-colonne6 P.bodytext{
	padding: 0 0 0 23px;
}
#sub-310245678 #colonne-colonne7{
	float: left;
	margin-left: 3px;
}
#sub-310245678 #colonne-colonne7 H2{
	background: url(bg-encadre-vert-feuille.gif) no-repeat left top;
	padding: 0 0 10px 21px;
}
#sub-310245678 #colonne-colonne7 P.bodytext{
	padding: 0 0 0 23px;
}

/* --------------------------*/
/* -- ELEMENTS DE CONTENU -- */
/* --------------------------*/
.content-element{
	margin-bottom: 20px;
	clear: both;
}

/*---- titre pour le style de contenu "par defaut" ----*/
.content-element H2,
 .content-element H1,
.content-element .csc-frame-style-defaut H2,
.content-element .csc-frame-style-defaut H1{
}

.content-element .contenu-texte,
.content-element .csc-frame-style-defaut .contenu-texte{
	margin: 0;
}
.content-element form,
.content-element .csc-frame-style-defaut form{
	padding: 10px 0px 20px 5%;
}

/*---- contenu style "encadre 1" ----*/

.content-element .csc-frame-style1 H2,
.content-element .csc-frame-style1 H1{
	border-bottom: 1px solid #20155e;
	padding-bottom: 5px;
	margin-bottom: 15px;	
}

/*---- contenu style "encadre 2" ----*/
.content-element .csc-frame-style2 H2,
.content-element .csc-frame-style2 H1{
	background: none;
	margin: 0 0 10px 0;
	padding: 0;	
	font-size: 14px;
	text-align: center;
}
.content-element .csc-frame-style2 .contenu-texte{
	padding: 16px 7px 5px 13px;
}
.content-element .csc-frame-style2{
	border: 1px solid #b9b6b7;
}

/*---- contenu style "encadre pour citation" ----*/
.content-element .csc-frame-style3{
	background: transparent url(apostrophe-gauche.gif) no-repeat 0px 0px;
}
.content-element .csc-frame-style3 .contenu-texte{
	background: transparent url(apostrophe-droite.gif) no-repeat right bottom;
	padding: 0px 18px 15px 20px;	
}
.content-element .csc-frame-style3 .contenu-texte .contenu-texte-inner{
	padding-top: 25px;
}
.content-element .csc-frame-style3 H2,
.content-element .csc-frame-style3 H1{
	border-bottom-width: 0px;
}
#colonne-gauche .content-element .csc-frame-style3{
	background: transparent url(apostrophe2-gauche.gif) no-repeat 0px 0px;
}
#colonne-gauche .content-element .csc-frame-style3 .contenu-texte{
	background: transparent url(apostrophe2-droite.gif) no-repeat right bottom;
}

/*---- contenu style "encadre 3" ----*/
.content-element .csc-frame-style5 H2,
.content-element .csc-frame-style5 H1{
	background: url(picto-vigne.gif) no-repeat left top;
	margin: 0 0 10px 0;
	padding: 0 0 5px 25px;
	border-bottom: 1px solid #20155e;
	font-size: 14px;
}
.content-element .csc-frame-style5 .contenu-texte{
	padding: 0 0 0 0;
}
.content-element .csc-frame-style5 .css-frame-inner{	
}

/*---- contenu style "encadre 4" ----*/
.content-element .csc-frame-style6 H2,
.content-element .csc-frame-style6 H1{
	background: url(picto-raisin.gif) no-repeat left top;
	margin: 0 0 10px 0;
	padding: 4px 0 5px 25px;
	border-bottom: 1px solid #20155e;
	font-size: 14px;
}
.content-element .csc-frame-style6 .contenu-texte{
	padding: 0 0 0 0;
}
.content-element .csc-frame-style6 .css-frame-inner{	
}

/*---- contenu style "encadre 5" ----*/
.content-element .csc-frame-frame1 H2,
.content-element .csc-frame-frame1 H1{
	background: url(picto-verre.gif) no-repeat 4px top;
	margin: 0 0 10px 0;
	padding: 4px 0 5px 22px;
	border-bottom: 1px solid #20155e;
	font-size: 14px;
}
.content-element .csc-frame-frame1 .contenu-texte{
	padding: 0 0 0 0;
}
.content-element .csc-frame-frame1 .css-frame-inner{	
}

/*--------*/
/* TOP */
/*--------*/
/* dans le div logo, on a mis la baseline, les drapeaux, et dans le div divimage le logo, le menu transversal et la grande image*/
div#top{
	width : 950px;
	clear: both;
	margin: 0px auto;
}
#logo{
	padding: 0 12px 0 12px;
}
#haut-de-page{
	height: 27px;
}
#baseline{
	float: left;
	width: 630px;
	text-align: left;
	font-size: 13px;	
	padding: 5px 0 0 0;
/*	font-weight: bold; */
	color: #20145e;
}
#drapeaux{
	width: 180px;
	float: right;
	padding: 3px 0 0 0;
}
#espace-presse{
	float: right;
	margin-left: 5px;
}
.drapeauimage{
	float: right;
	margin-left: 5px;
}
.divimage{	
	clear: both;
	height: 228px;
	background: #251a5e url(photo-raisins-jaunes.jpg) no-repeat left top;
}
#image-institut{	
	background-image: url(photo-mare-fermentation.jpg);
}
#image-recherches{	
	background-image: url(photo-coteaux.jpg);
}
#image-publications{	
	background-image: url(photo-bouteilles.jpg);
}
#image-prestations{	
	background-image: url(photo-mav.jpg);
}
#image-avisdexperts{	
	background-image: url(photo-bourgeon.jpg);
}
#image-outilsenligne{	
	background-image: url(photo-vignes.jpg);
}
#logoimage{
	float: left;
	border-right: 2px solid #20145E;
	border-bottom: 2px solid #20145E;
}
#menu-haut{
  width: 565px;
	float: right;
  background: transparent url(menu-haut-bg-gauche.png) no-repeat left top;
}
#menu-haut-inner{
	background: transparent url(menu-haut-bg.png) no-repeat 3px top;
	height: 27px;
}
#menu-haut ul{
	margin:0;
	padding: 2px 0 0 12px;
}
#menu-haut ul li{
	list-style: none; 
	float: left;
	background-image: none;
	margin: 0;
	padding: 0 9px 0 6px;
  background: transparent url(menu-haut-puce.gif) no-repeat right 11px;
}
#menu-haut ul li#menu-haut-li-dernier{
	background-image: none;
}
#menu-haut ul li A{
	font-family : "Trebuchet MS", Verdana, Arial;
	color: #FFF;
	font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#menu-haut ul li A:hover{
  text-decoration: underline;
}
#boite-recherche{
	float: left;
	margin-left: 2px;
}
#search-input{
	height: 17px;
	width: 110px;
	font-size: 12px;
	border: 1px solid #e5e4ed;
	padding-left: 4px;	
}
#search-submit{
	background-color: transparent;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
}
div#visuel{ 
	display: none;
}


/*--------*/
/* Menu 1 */
/*--------*/
#menu1{
	display: none;	
}
#menu1bis{
	clear: both;
	padding-top : 59px;
	width: 100%;
}
#menu1-inner{
	height: 32px;	
	padding: 0 0px 0 195px;
}
#menu1bis ul {
	margin: 4px 10px 0 0;
	padding: 0px;
}
#menu1bis li {	
	list-style: none; 
	float: left;	
	background:url(menu1-bg-gauche.png) top left no-repeat;
	margin:0 0 0 6px;
	padding:0 0 0 5px;
}
#menu1bis li.borddroit{
	margin: 0;
	padding: 0;	
	width: 5px;
	height: 32px;	
  background:url(menu1-bg-droite.png) top left no-repeat;
}
#menu1bis li A{
	display: block;
	float: left;
	position: relative; /* bug ie6 avec les PNG transparents */
	cursor: hand;
	font-family : "Trebuchet MS", Verdana, Arial;	
	text-transform: uppercase;	
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	white-space : nowrap;
	color : #6a6669;
	padding: 0 0 0 0;
	height: 32px;
	background: transparent url(menu1-bg-centre.png) no-repeat left top; 	
}
#menu1bis li A span{
	display: block;
	float: left;
	padding: 6px 6px 0 6px;
}
#menu1bis li A:hover{	
	color: #FFF;
}
#menu1bis li.menu1Act{
	background:url(menu1act-bg-gauche.png) top left no-repeat;
}
#menu1bis li#borddroitact{
	background:url(menu1act-bg-droite.png) top left no-repeat;
}
#menu1bis li.menu1Act A{
	background: transparent url(menu1act-bg-centre.png) no-repeat left top; 	
	color: #FFF;
}

/*--------*/
/* Menu 2 */
/*--------*/
#menu2{
	clear: both;
	width: 100%;
	height: 40px;
}
#menu2-inner{
	padding-top: 7px;
}
#menu2 ul {	
	margin: 0 0 0 209px;
}
#menu2 li {
	list-style: none; 
	float: left;	
	background:url(menu2-puce.gif) no-repeat right 3px;
	margin: 0px 0 0 8px;
	padding: 0 10px 0 0;	
}
#menu2 .li21-dernier{
	background: none;
}
#menu2 li A{	
	display: block;
	float: left;
	height: 33px;
	font-family : "Trebuchet MS", Verdana, Arial;		
	font-size: 12px;
	font-weight: bold;
	color: #FFF;	
	text-decoration: none;
}
#menu2 li A span{	
}
#menu2 li A:hover{
	text-decoration: underline;
}
#menu2 li.li21Act A{
	background:url(menu2-fleche.gif) no-repeat center bottom;
}
#menu2 li.li21Act A:hover{
	text-decoration: none;
}	

/*------------*/
/* imprimer   */
/*------------*/
#fil-ariane-outer{
	clear: both;
	width: 100%;
}
#imprimer{
	text-align: right;
	margin: 0 32px 0 0;
}
#imprimer img{
	margin-right: 5px;
}
#imprimer A{
	color: #918f90;
	text-decoration: none;	
}
#imprimer A:hover{
	text-decoration: underline;
}

/*-----------------------------------*/
/* Menu 3, dans la colonne de gauche */
/*-----------------------------------*/
#menu3{
	width: 190px;
	border-right: 1px solid #a7a4a5;
	border-left: 1px solid #a7a4a5;
	border-top: 5px solid #1b1943;
	border-bottom: 5px solid #1b1943;
	margin-bottom: 35px;
}
#menu3-inner{
	padding: 10px 0 0 0;	
}
#menu3 H2{
	margin:0;
	padding: 0 5px 10px 11px;
	background: none;
}
#menu3 H2 A,
#menu3 H2 A:hover{	
	font-size: 14px;
	color: #1b1943;
	text-decoration :none;	
	text-transform: Uppercase;
}
#menu3 ul{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #a7a4a5;
}
#menu3 .li31 {
	margin: 3px 3px 2px 11px;
	padding: 0;
	background: none;	
	list-style-type: none;
}
#menu3 .li31:first-letter{
	text-transform: uppercase;
}
#menu3 .li31 A{
	display : block;
	padding: 0 0 0 14px;
	background: url(menu3-puce.gif) no-repeat left 6px;
	font-family : "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	color: #1b1943;
	text-decoration :none;
}
#menu3 .li31 A:hover{
	background: url(menu3act-puce.gif) no-repeat left 5px;
	text-decoration: underline;
}
#menu3 #li31Act A,
#menu3 #li31Act A:hover{
	background: url(menu3act-puce.gif) no-repeat left 5px;
	text-decoration: underline;
}
#menu3 .li32{
	margin: 0 0 0 38px;
	padding: 0;
	background: none;	
	list-style-type: disc;
}
#menu3 .li32 A{
	font-size: 11px;
	color: #1b1943;
	text-decoration :none;
}
#menu3 .li32 A:hover{
	text-decoration: underline;
}
#menu3 #li32Act A{
	text-decoration: underline;
}
#menu3 #li32Act{
	/* list-style-type: circle; */
}

/*--------------*/
/* Fil d'Ariane */
/*--------------*/

.fil-ariane{
	font-size: 11px;
	color: #848486;
	margin-bottom: 15px;
}
.fil-ariane A{
	font-size: 11px;
	color: #848486 !important;
	text-decoration: none;	
/*	white-space: nowrap; */
}
.fil-ariane:first-letter{
	text-transform: uppercase;
}
.fil-ariane A:hover{
	text-decoration: underline;
}

/*Affichage en fonction du gabarit*/
#sub-102 #colonne-droite div.fil-ariane{
	display: none;
	width: 100%; /* autrement bug d'affichage dans IE 6 */
}
#sub-310245678 #colonne-droite div.fil-ariane{
	display: none;
	width: 100%;
}

/* --------------------*/
/* -- PIED DE PAGE --  */
/* --------------------*/

#pieddepage{
	width : 950px;
	clear: both;
	margin: 0px auto;	
}
#pieddepage ul{	
	margin: 0;
  padding: 0;
	text-align: center;
}
#pieddepage li {
	list-style: none; 
	display: inline;
	margin: 0;
	padding: 0 10px 0 0; 
	background-image: none;
}
#pieddepage A{
	font-family: Arial, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration : none;
	color: #20155e;	
}
#pieddepage A:hover{
	text-decoration : underline;
}

/* -------------*/
/* -- STATS --  */
/* -------------*/
div#stats{	
	width : 950px;
	clear: both;
	margin: 0px auto;
}
div#stats-inner{
	float: right;
	padding-right: 12px;
	padding-bottom: 2px;
}
div#stats-inner A{
}

/* ---------------------  */
/* --    TT_NEWS      --  */
/* ---------------------  */
div.news-list-item{
	margin-bottom: 15px;
	padding-left: 13px;
	background: transparent url(puce.gif) no-repeat left 8px;
}
div.news-list-item H3{
	margin-bottom: 0px;
}
div.news-list-item H3 A{
	text-transform: none;
	font-size: 13px;
}
div.news-list-item .news-list-date{
	font-size: 11px;
}
#sub-310245678 div.news-list-item .news-list-date,
#body-994 div.news-list-item .news-list-date,
#body-997 div.news-list-item .news-list-date{
	display: none;
}

#sub-310245678 .news-list-content P.bodytext{
	line-height: 100%;
}
div.news-list-morelink{
	display: none;
}
#contenu div.news-list-item form.typo3-editPanel table.typo3-editPanel,
#contenu div.news-latest-container form.typo3-editPanel table.typo3-editPanel{
	margin-top: 0px !important;
	margin-bottom: 0px;
}
div.tx-ttnews-browsebox{
	margin-top: 15px;
}
div.tx-ttnews-browsebox table td{
		 border: 0px solid #000;
		 font-weight: bold;
}
div.news-single-item H3.news-single-item-h3{
	font-size: 16px;
	font-weight: bold;		
	color: #20155e;
	background: transparent url(puce-h2.gif) no-repeat left 6px;
	padding: 0px 0 3px 16px;
	margin-bottom: 5px;	
	border-bottom: 1px solid #20155e;
}
div.news-single-item .news-single-subheader h3{
	font-size: 13px;
	color: #252425;
	font-weight: bold;
	margin-bottom: 5px;
}
div.news-single-item .news-single-timedata{
	margin-bottom: 5px;
	font-size: 11px;
}
div.news-single-image{
	width: 100%;
	margin-top: 15px;
	text-align: center;
}
div.news-single-item .news-single-backlink{
	margin-top: 10px;
}


/* ---------------------------- */
/* --  MODULE DE RECHERCHE   -- */
/* ---------------------------- */
.tx-indexedsearch-searchbox{
	display: none;
}
.browsebox li{
	float: left;
	background-image: none;	
}
.browsebox{
	padding: 15px 0 20px 0;
}

.tx-indexedsearch-res{
	clear: both;
}
li.tx-indexedsearch-browselist-currentPage	A{
	color: #252425;
}
.tx-indexedsearch-text-item-path A{
	color: #000;
	font-size: 12px;
	text-decoration: none;
	font-family : "Trebuchet MS", Verdana, Arial;
}
dd.tx-indexedsearch-text-item-path{
	margin-top: 15px;
}