@charset "utf-8";
/* CSS Document */

body{
	width:900px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

body .fond_haut{
	background-image:url(../image/header.png);
	height:165px;	
	width:900px;
	}

body .fond{
	background-image:url(../image/fond.png);
	width:900px;
	float:left;
	}

body .fond_bas{
	background-image:url(../image/footer.png);
	width:900px;
	height:82px;
	background-repeat:no-repeat;
	float:left;
	}

/* Index */
.index{
	margin-left:5px;
	width:100px;
	float:left;
	}

.index3{
	margin-left:20px;
	width:335px;
	float:left;
	font-size:13px;
	padding:10px;
	background-image:url(../image/cadre_index3.png);
	background-repeat:no-repeat;
	}

.index2{
	margin-right:10px;
	width:400px;
	float:right;
	text-align:center;
	}

.index4{
	width:380px;
	padding:10px;
	margin-top:10px;
	margin-right:5px;
	float:right;
	background-image:url(../image/cadre_index4.png);
	background-repeat:no-repeat;
	}

.titre_index3{
	color:#00CC00;
	font-weight:700;
	}

.souligne_index{
	text-decoration:underline;
	}

/* menu de gauche */

.souligne{
	color:#6F0;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
	border-bottom:#FFFFFF solid 1px;
	padding-left:3px;
	line-height:25px;
	}

.sous_titre{
	color:#FFFFFF;
	font-size:14px;
	font-weight:800;
	padding-left:10px;
	text-decoration:underline;	
	}

.puce{
	list-style-type:none;
 	background-image:url(../image/puce.png);
 	background-repeat:no-repeat;
 	background-position:0% 65%;
 	padding-left:20px;
	font-weight:700;
	}
	
/* Modif menu info */

.haut{
	width:177px;
	height:34px;
	background-image:url(../image/menu_haut.png);
	}

.fond_menu{
	background-color:0099CC;
	}
	
.bas{
	width:177px;
	height:21px;
	background-image:url(../image/menu_bas.png);
	float:left;
	}

td a:hover {
	color:#CCCCCC;
	}
																
td #pageActive{
	color:#00FF00;
	text-decoration:none;
	}
																	
td #pageActive:hover{
	color:#FF9900;
	font-weight:800;
	}

.puce_info{
	font-weight:800;
	text-decoration:none;
	color:#FFFFFF;
	line-height:25px;
	font-weight:700;
	}

/* fin modif */


/* Menu contact */
.sous_menu{
	margin-top:50px;
	float:left;
	color:#FFFFFF;
	width:177px;
	}

.puce2{
	list-style-type:none;
 	background-image:url(../image/puce.png);
 	background-repeat:no-repeat;
 	background-position:0% 55%;
 	padding-left:15px;
	font-weight:700;
	line-height:30px;
	}

/* titre de page */
.style_titre{
	color:#FFFFFF;
	margin-top:0px;
	font-size:30px;
	text-align:right;
	}

.style_titre2{
	color:#FFFFFF;
	margin-top:0px;
	font-size:30px;
	width:700px;
	position:absolute;	
	text-align:right;
	}

.style_titre3{
	width:590px;
	height:30px;
	color:#FFFFFF;
	margin-top:10px;
	margin-right:10px;
	font-size:25px;
	font-weight:bold;
	text-align:right;
	float:right;	
	padding-right:10px;
	}

.style_titre4{
	color:#339900;
	text-decoration:underline;
	font-size:16px;
	font-weight:800;
	text-align:right;
	line-height:10px;
	}

/* page salon */
.boite_salon{
	float:right;
	width:650px;
	text-align:center;
	margin-right:60px;
	padding-bottom:5px;
	}

.boite_salon img{
	margin-right:10px;
	margin-top:30px;
	text-decoration:none;
}

#espace{
	height:450px;
	}

/* agrandissement visuels */

.photo span {
	display:none;
	}

.photo:hover {
	border:0;
	} /* bug IE6 */

.photo:hover span {
	display:block;
	position:absolute;
	left:45%;
	top:58%;
	}
	
/* Les pages de Belfort	*/
.belfort_boite{
	float:right;
	width:690px;
	margin-left:10px;
	margin-right:10px;
	margin-top:30px;
	}

.puce_belfort{
	list-style-type:none;
 	background-image:url(../image/etoile.png);
 	background-repeat:no-repeat;
 	background-position:0% 10%;
 	padding-left:35px;
	}

.td1{
	background-image:url(../image/cadre_belfort1.png);
	background-repeat:no-repeat;
	background-position:80% 0%;
	padding-left:25px;
	padding-top:10px;
	line-height:20px;
	}

.td2{
	background-image:url(../image/cadre_belfort2.png);
	background-repeat:no-repeat;
	background-position:80% 0%;
	padding-left:25px;
	padding-top:10px;
	margin-top:10px;
	}

.td3{
	background-image:url(../image/cadre_belfort1.png);
	background-repeat:no-repeat;
	background-position:80% 0%;
	padding-left:30px;
	padding-top:10px;
	line-height:20px;
	margin-top:10px
}


/* Pages Belfort et autre informations */
.titre_boite{
	font-weight:700;
	text-align:center;
	}

.belfort_info_boite{
	width:700px;
	margin-top:40px;
	}

.belfort_sous_boite1{
	width:250px;
	padding-left:30px;
	float:left;
	}	

.info{
	width:200px;
	padding:10px;
	margin-bottom:20px;
	background-image:url(../image/fond_belfort_info.png);
	background-repeat:no-repeat;
	}

.info_maiche{
	width:210px;
	padding:10px;
	margin-bottom:30px;
	background-image:url(../image/fond_maiche_info.png);
	background-repeat:no-repeat;
	}

.science{
	width:200px;
	padding:10px;
	margin-bottom:20px;
	background-image:url(../image/fond_belfort_science.png);
	background-repeat:no-repeat;
	line-height:20px;
	}

.gastro{
	width:200px;
	padding:10px;
	background-image:url(../image/fond_belfort_gastro.png);
	background-repeat:no-repeat;
	}

.belfort_sous_boite2{
	width:400px;
	float:right;
	}

.plan{
	padding-top:20px;
	padding-bottom:40px;
	}

.eco{
	background-color:#FC0;
	border:#0C0 5px solid;
	padding:10px;
	font-size:11px;
}
	
.conf{
	width:400px;
	float:right;
	padding:10px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url(../image/fond_belfort_conf.png);
	background-repeat:no-repeat;
	}

.belfort_liste_exposant{
	width:400px;
	float:right;
	margin-left:10px;
	padding:10px;
	margin-bottom:10px;
	margin-top:3px;
	text-align:center;	
	}

/* Belfort page exposant */
.belfort_exposant{
	width:670px;
	margin-left:10px;
	margin-right:30px;
	padding-top:30px;
	float:right;
	}

.belfort_exposant_boite1{
	padding-top:10px;
	text-align:center;
	}

.fieldset1{
	width:650px;
	height:auto;
	padding-bottom:20px;
	}
	
legend /* On met un peu plus en valeur les titres des fieldset */{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;
   font-weight: bold;
	}

.lien_inscription{
	text-decoration:none;
	color:#000033;
	}

.lien_inscription:hover{
	color:#336600;
	}

.puce_belfort1{
	list-style-type:none;
 	background-image:url(../image/etoile.png);
 	background-repeat:no-repeat;
 	background-position:0% 10%;
 	padding-left:35px;
	}

/* Pieds de page */
.pied a{
	text-decoration:none;
	color:#00CC00;
	font-family:Comic Sans Ms, Arial, Helvetica, sans-serif;
	}

.pied a:hover{
	color:#FF0000;
	}

.pied{
	text-align:center;
	margin-top:40px;
	}

.en_cours{
	width:900px;
	text-align:center;
	}

/* Espace foire au vin */

.annonce{
	width:300px;
	float:right;
	border:#FFFFFF dotted 4px;
	padding:10px;
	margin-top:20px;
	}

.contenu_annonce{
	margin-top:30px;
	margin-right:20px;
	float:right;
	width:650px;
	}

.annonce li{
	line-height:25px;
	}

.visuel{
	width:300px;
	float:left;
	margin-right:10px;
	}


/* Espace cernay */

/* Les pages de Belfort	*/
.cernay_boite{
	float:right;
	width:700px;
	margin-left:15px;
	margin-right:10px;
	margin-top:30px;
	}



.td2{
	background-image:url(../image/cadre_belfort2.png);
	background-repeat:no-repeat;
	background-position:80% 0%;
	padding-left:25px;
	padding-top:10px;
	margin-top:10px;
	}

.td3{
	background-image:url(../image/cadre_belfort1.png);
	background-repeat:no-repeat;
	background-position:80% 0%;
	padding-left:30px;
	padding-top:10px;
	line-height:20px;
	margin-top:10px;
}

/* index new */

.index_haut{
	height:300px;
	width:900px;
	background-image:url(../image/index.png);
	}

.index_haut_right{
	float:right;
	padding-top:1px;
		}

.index_bas{
	width:900px;
	margin-bottom:30px;
	margin-top:20px;
	padding-bottom:50px;
	}

.index_bas_left{
	width:294px;
	height:320px;
	margin-right:8px;
	background-image:url(../image/titre_index1.png);
	background-repeat:no-repeat;
	}

.defilimage{
	height:160px;
	width:220px;
	padding-top:8px;
	margin-top:55px;
	margin-left:25px;
	text-align:center;
	background-color:#000;
	border:solid #000 10px;
	}

.index_bas_left a{
	font-size:11px;
	text-decoration:none;
	color:#000;
	font-style:italic;
	}

.index_bas_left a:hover{
	color:#0CF;
	}

.index_bas_left img{
	margin-right:5px;
	margin-left:10px;
	}

.index_bas_centre{
	width:294px;
	height:320px;
	margin-right:8px;
	background-image:url(../image/titre_index2.png);
	background-repeat:no-repeat;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

.index_bas_centre_txt1{
	padding-left:10px;
	margin-top:50px;	
	}

.index_bas_centre_txt2{
	padding-left:25px;
	padding-top:10px;
	}

.index_bas_centre_lien1{
	width:294;
	margin-top:0px;
	height:23px;
	background-color:#000;
	text-align:center;
	}

.index_bas_centre_lien1 a, .index_bas_centre_lien2 a {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
}

.index_bas_centre_lien1:hover, .index_bas_centre_lien2:hover{
	background-color:#3C0;
	}

.index_bas_centre_lien2{
	width:294;
	margin-top:5px;
	height:23px;
	background-color:#000;
	text-align:center;
	}

.index_bas_right{
	width:294px;
	height:320px;
	background-image:url(../image/titre_index3.png);
	background-repeat:no-repeat;
	}

.index_bas_right_lien{
	padding-top:140px;
	margin-left:25px;
	line-height:25px;
	}	

.index_bas_right_lien a {
	text-decoration:none;
	color:#090;
	font-size:12px;
	font-weight:600;
	font-family:Eras Medium ITC, Arial, Helvetica, sans-serif;
	}

.index_bas_right_lien a:hover {
	color:#09F;
	}

.index_bas_right_lien iframe{
	margin-top:-18px;
	margin-left:50px;
}

/** Rubrique présentation 
*******************************************************************/

.presentation_lien {
	text-align:right;
	float:right;
	margin-top:15px;
	margin-right:10px;
}

.presentation_lien a{
	color:#FFF; 
	font-size:13px; 
	font-weight:bold
}

.presentation_lien a:hover{
	color:#0C0;
}

/** lien
*******************************************************************/
.lien{
	color:#6C0;
	text-align:center;
	font-size:13px;
	font-weight:bolder;
	text-decoration:none;
}

.lien:hover{
	color:#FFF;
}