/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
body {
	background-color: #ffffff;
	padding: 0px;
	
}


a { color:#666; }


#ce {
	position:relative;
	}
	
.fd {
	background-image:url(../img/fd.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height: 690px;
	position:relative;

}


.fd_actu {
	background-image:url(../img/fd_act.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height: 690px;
	padding-top:51px;

}

.fd_tv {
	background-image:url(../img/fd_tv.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height: 579px;
	padding-top:120px;
	*padding-top:120px;
	padding-left:51px;

}
.fd_tunnel {
	background-image:url(../img/fd_tunnel.gif);
	background-position:center;
	background-repeat:no-repeat;
	height: 690px;
	padding-top:25px;

}

#ce2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-left:13px;
	top:28px;
	*padding-top:55px;
	height:580px;
	*height:630px;
	width:980px;
	}
	
#ce3 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:590px;
	width:980px;
	}
	
#ce4 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-left:53px;
	height: 423px;
	*height:530px;
	width:980px;
	}
	
#version { 
	position:absolute;
	z-index:100;
	width:20px;
	padding-left:0px;
	top:86px;
	left:983px;
	* top:112px;
	* left:973px;
}
#banner {
position:relative;
top:-20px;
*top:-65px;


}

#banner2 {
position:relative;
height:191px;
top:0px;
*top:-125px;
left:-15px;

}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	cursor:pointer;


}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 180px;
	height: 577px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0; 
	
		
	 /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 2px; /*Set to same as spacing option. */	
	float: left;

}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
		
}

#kwick_1 { 
	background-image:url(../img/accueil.jpg);
	background-repeat:no-repeat;

}
#kwick_2 {
	background-image:url(../img/produits.gif);
	background-repeat:no-repeat;
}
#kwick_3 {
	background-image:url(../img/carnet.gif);
	background-repeat:no-repeat;
}
#kwick_4 { 
	background-image:url(../img/marques_filiales.gif);
	background-repeat:no-repeat;
}
#kwick_5 { 
	background-image:url(../img/presentation.gif);
	background-repeat:no-repeat;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
cursor:pointer;
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}


/* Marque */

#marque {
	width: 570px;
	height:577px;
	position:relative;
}

#marque  h1 { 
	color:#4fad3b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:25px;
	margin-left:0px;
	text-align:left;
	padding-left:100px;
	}
	
#marque  p { 
	color:#000000;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:15px;
	margin-left:0px;
	padding-left:100px;
	padding-right:15px;
	}

#marque .vivermont {
	background-image:url(../img/logo_vivermont.gif);
	background-repeat:no-repeat;
	background-position:100px;
	height:85px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0px;
	padding-left:210px;
	padding-right:15px;

	}

#marque .frutidor {
	background-image:url(../img/logo_frutidor.gif);
	background-repeat:no-repeat;
	background-position:100px;
	height:85px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0px;
	padding-left:210px;
	padding-right:15px;
	}
	
#marque .cueillette {
	background-image:url(../img/logo_cueillette.gif);
	background-repeat:no-repeat;
	background-position:100px;
	height:85px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0px;
	padding-left:210px;
	padding-right:15px;
	}

		
	
/* Partenaires producteurs */

#partenaire {
	width: 570px;
	height:577px;
	position:relative;
}

#partenaire  h1 { 
	color:#d20d14;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:25px;
	margin-left:0px;
	text-align:left;
	padding-left:110px;
	}
	
#partenaire  p { 
	color:#000000;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:25px;
	margin-left:0px;
	padding-left:120px;
	padding-right:25px;
	}
	

	
#partenaire .illustration1 {
	background-image:url(../img/part_illustration.jpg);
	background-repeat:no-repeat;
	background-position:110px;
	height:178px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0px;
	padding-left:270px;
	padding-right:25px;
	}
	
#partenaire .illustration2 {
	background-image:url(../img/part_illustration2.gif);
	background-repeat:no-repeat;
	background-position:370px;
	height:142px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0px;
	padding-left:120px;
	padding-right:235px;
	}
	
/* Presentation */

#presentation {
	width: 570px;
	height:577px;
	position:relative;
}

#presentation  h1 { 
	color:#0d7ec0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:25px;
	margin-left:0px;
	text-align:left;
	padding-left:110px;
	}
	
#presentation  p { 
	color:#000000;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:25px;
	margin-left:0px;
	padding-left:120px;
	padding-right:40px;
	}
	
/* carnet */ 

#carnet {
	width: 570px;
	height:577px;
	position:relative;
}

#carnet  h1 { 
	color:#f38f00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:25px;
	margin-left:0px;
	text-align:left;
	padding-left:135px;
	}
	
	
#carnet  p { 
	color:#000000;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:25px;
	margin-left:0px;
	padding-left:95px;
	padding-right:20px;
	}
	
#carnet  .test{ 
	color:#000000;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:25px;
	margin-left:0px;
	padding-left:120px;
	padding-right:40px;
	}
	
/* accueil */
	
#accueil {
	width: 570px;
	height:577px;
	position:relative;
}


	
#accueil h1 {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-left:95px;
	padding-right:25px;
	padding-top:435px;
	color:#3390cb;
	}
	
#accueil p { 
	color:#000000;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:0px;
	margin-left:0px;
	padding-left:95px;
	padding-right:25px;
}	
	
#accueil table {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-left:95px;
	padding-right:25px;
	margin-top:0;
	padding-top:0;
}

#accueil .text_actu {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
	

	
#contact .alert {
	color:#FF0000;
	text-align:center;
	}
	
#coconut {
	display:none;	
}
	
#accueil a.footer { 
	color:#cccccc;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	}
	
	#accueil a.footer:hover { 
	color:#cccccc;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;

	}
	
/* admin */
.fd_admin  {
	background-image:url(../img/fd_admin.gif);
	background-position:center;
	background-repeat:no-repeat;
	height: 690px;
	width : 1000px;
	padding-top:51px;
	padding-left:105px;
	padding-right:95px;	

}
.en {
	background-image:url(../img/en.gif);
	background-repeat:no-repeat;
	height:20px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:30px;
	margin-left:130px;
	padding-top:2px;
	}
	
#actu_page {
	/*background-image: url(../img/fd_actu.jpg);
	background-position:-10px -10px;
	background-repeat:no-repeat;*/
	height:auto;
	margin:0;
	padding:15px;
}
	
#actu_page1 {
	/*background-image: url(../img/fd_actu.jpg);
	background-position:-10px -10px;
	background-repeat:no-repeat;*/
	margin:0;
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#actu_page1 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:10px;
	color:#2288c4;
	font-weight:bold;
}
	
#correc { 
	position:relative;
	margin-top:-10px;
	margin-left:-10px;
}

#text_actu{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	color:#000000;
}

#actu_page h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:10px;
	color:#3390cb;
	font-weight:bold;
	width:764px;
	height:200px;
	overflow:scroll;
}

#actu_page h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:10px;
	color:#2288c4;
	font-weight:bold;
}

#archive {
	position:absolute;
	margin:0;
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}

#actu_page h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	color:#000000;
	font-weight:bold;
}

#actu_page .img_actu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	color:#000000;
}
	
#contenu {
	padding-left:10px;	
	padding-top:50px;	
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
 	font-size:11px;
 	width: 880px;
 	height:600px;
}

#contact {
	padding-left : 15px;
}

#contact  h1 { 
	color:#d20d14;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:25px;
	margin-left:0px;
	text-align:left;
	}
	
#contact  p { 
	color:#000000;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:25px;
	margin-left:0px;
	}
	
#contact  .text_actu { 
	color:#000000;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:25px;
	margin-left:0px;
	} 

/* actu */
#drap {
	position:absolute;
	left:966px;
	top:-10px;
	width:46px;
	height:40px;
}
#drap2 {
	position:absolute;
	left:966px;
	top:10px;
	width:43px;
	height:44px;
}

#actu_cont {
	position:absolute;
	left:40px;
	top:33px;
	width:821px;
	height:558px;
}



#demotip { 
    display:none; 
    background:transparent url(../img/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}

/* Accueil */

#acc {
	position:absolute;
	left:863px;
	top:31px;
	width:88px;
	height:534px;

}
#actu_selec {
	position:absolute;
	left:45px;
	top:199px;
	width:683px;
	height:391px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.titre {
	color:#046ab0;
	font-size:13px;
}
.date {
	color:#8e8e8e;
	font-size:13px;
}

#ban_actu{
position:relative;
background-image:url(../img/fd_ban_actu.jpg);
background-repeat:no-repeat;
background-position:right;
width:349px;
height:191px;
}

#bann_img_actu {
	position:relative;
	top:10px;
	left:-13px;
	height:166px;
	width:293px;
}

 .footer2 { 
 position:relative;
  top:0px;
  height:15px;
	color:#aaaaaa;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:5px;
	margin-top:0px;
	padding-left:10px;
	padding-right:15px;
	}
 .footer { 
 position:relative;
  top:-15px;

 *top:-60px;
	color:#aaaaaa;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:5px;
	margin-top:0px;
	padding-left:10px;
	padding-right:15px;
	}
	
	
/****** Descours TV **********/

#vignette { 
float:left;
background-color:#666666;
width:200px;
height:150px;
margin:5px;
}

#vignette2 { 
float:left;
background-color:#666666;
width:100px;
height:75px;
margin:10px;
}

#video {
float:left;
width:530px;
height:365px;
margin-right:40px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

#video h1 {
font-size:12px;
font-weight:bold;
}

#video p {
font-size:11px;
color:#666666;
font-style:italic;
}


#bibliotheque {
float:left;
width:300px;
height:365px;
text-align:left;
}

#bibliotheque h1{
text-align:left;
color:#ce0006;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#bibliotheque h2{
text-align:left;
color:#959595;
font-size:11px;
font-style:italic;
font-weight:100;
font-family:Arial, Helvetica, sans-serif;
}

#fd_vignette {
background-color:#ececec;
padding:10px;
width:250px;
height:300px;
}

.link  {
	color:#4bab38;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
     width:520px;
}
.link  a{
	color:#4bab38;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

}

/*** Point accueil map monde : CANADA ****/

.point1 {
	position:absolute;
	width:15px;
	height:15px;
	top:140px;
	left:168px;
	background:url(../img/point2.png) top right;
	z-index:5000;
}

.point1:hover {
	position:absolute; 
	width:150px; 
	height:92px; 
	top:140px; 
	left:168px; 
	background:url(../img/point2.png) bottom right ;
}

/*** Point accueil map monde :  MAROC ****/

.point2 {
position:absolute; 
width:15px; 
height:15px; 
top:167px; 
left:283px; 
background:url(../img/test_point.png) top right ;
z-index:320;
}
.point2:hover {
position:absolute; 
width:150px; 
height:92px; 
top:167px; 
left:283px; 
background:url(../img/test_point.png) bottom right ;

}

/*** Point accueil map monde :  SERBIE ****/

.point3 {
position:absolute; 
width:15px; 
height:15px; 
top:143px; 
left:312px; 
background:url(../img/point.png) top right ;
}

.point3:hover {
position:absolute; 
width:150px; 
height:92px; 
top:143px; 
left:312px; 
background:url(../img/point.png) bottom right ;
}

/*** Point accueil map monde :  FRANCE ****/

.point4 {
position:absolute; 
width:15px; 
height:15px; 
top:142px; 
left:290px; 
background:url(../img/point3.png) top right ;
}

.point4:hover {
position:absolute; 
width:150px; 
height:216px; 
top:142px; 
left:290px; 
z-index:5600;
background:url(../img/point3.png) bottom right ;
}
	
/*** Point accueil map monde : INDE ****/
	
.point5 {
position:absolute; 
width:15px; 
height:15px; 
top:194px; 
left:414px; 
background:url(../img/point4.png) top right ;
}

.point5:hover {
position:absolute; 
width:150px; 
height:92px; 
top:194px; 
left:414px; 
background:url(../img/point4.png) bottom right ;
}

/*** Point accueil map monde :  ****/

.point6 {
position:absolute; 
width:15px; 
height:15px; 
top:306px; 
left:175px; 
background:url(../img/point5.png) top right ;
}

.point6:hover {
position:absolute; 
width:150px; 
height:92px; 
top:306px; 
left:175px; 
background:url(../img/point5.png) bottom right ;
}


.point_actu{position:absolute;top: 490px; left: 10px; width: 165px; height: 40px;color:#208ccb; font-size:30px;}
.point_actu a{color:#208ccb; text-decoration:none;}
/* ACTU PDF*/
a.pdf{
color:#000000;
}


/* GALERIE */




a.zip {text-decoration: none;}
a.zip:hover {background: none; }
a.zip span {display: none;}

a.zip:hover span {display: block; 
background:#ffffff;width:416px; 
padding:10px;
position:absolute;
top:58px; left:118px;
text-align: center;
color:#ccc;
z-index:100;
 font-family:Arial, Helvetica, sans-serif
}

a.opacity img {filter:alpha(opacity=30); 
               -moz-opacity: 0.3; opacity: 0.3;}
a.opacity:hover img
{filter:alpha(opacity=100);-moz-opacity:1.0; opacity: 1.0;}
#galerie {border:0px solid #333;width:420px;background:#fff}
a {background:none; text-decoration:none;border:0px none;color:#fff;}
.vignette {width:35px; height:23px;}
.grande {width:416px; height:300px;}


div#actu_selec div a {
color:#046AB0;
}