/**********************************************************************************************/
GENERAL
/**********************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	font: normal 12px Arial, Verdana, Helvetica, Sans-Serif;
	background: url(img/2012/body.png) repeat-x 0 0 #ffffff;
	behavior: url("csshover3.htc");
	width: 100%;
}

.paragraphe .inner li { list-style-position: inside; }

h2 { font: bold 14px Arial; }
h3 { font: bold 13px Arial; }
h4 { font: bold 12px Arial; }

a img, img { border: 0; }

.left  { float: left;  }
.right { float: right; }

img.left { margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display: block; margin: 0 auto; text-align: center; padding-bottom: 8px; }

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; height:0; }


/********************************
GLOBAL
********************************/

#global { width: 1004px; padding: 0 0 20px 0; margin: 0 auto; }


/********************************
HEAD
********************************/

#head { position: relative; height: 225px; width: 994px; padding: 0 5px; background: url(img/2012/head.png) 0 100% no-repeat; }

#banner { float: right; display: inline; width: 728px; height: 90px; margin: 0 0 10px 0; text-align: center; overflow: hidden; }
#logo { float: left; display: inline; height: 90px; width: 240px; margin: -15px 0 -5px 10px; text-align: center; }
#dates { clear: left; float: left; display: inline; width: 625px; padding: 10px 0 0 0; margin: 0 0 0 24px; font: bold 14px Arial; text-align: left; }


/*********** INFO TOP ******/

#infotop { height: 40px; }

#infotop ul { float: left; list-style: none; line-height: 30px; margin: 0 0 0 10px; }
#infotop ul li { float: left; color: #777777; }
#infotop ul li a { font-size: 11px; color: #777777; }
#infotop ul li a:hover { color: #777777; }

#contact { font: 10px Arial; float: right; display: inline; height: 30px; padding: 5px 12px 0 12px; background: url(img/2012/liens_topRight.png) 0 50% no-repeat; text-align: center; }
#contact a { display: inline-block; font: 10px Arial; height: 15px; padding: 0 15px 0 12px; color: #777777; border-right: 1px solid #777777; text-decoration: none; }

#changelang { float: right; display: inline; height: 30px; width: 117px; padding: 0 5px 5px 0; margin: 0 28px 0 0; background: url(img/2012/liens_topRight.png) 100% 50% no-repeat; text-align: center; }
#changelang a { display: inline-block; font: 10px Arial; height: 15px; padding: 5px 5px 5px 24px; color: #777777; text-decoration: none; }
#changelang a.GB { background: url(img/2012/icon_flag_GB.png) no-repeat 0 50%; }
#changelang a.FR { background: url(img/2012/icon_flag_FR.png) no-repeat 0 50%; }


/*********** BTNS  ******/

#presse,
#reservation { font: 11px Arial; float: right; display: inline; width: 117px; padding: 5px 0 5px 30px; text-align: center; }
#presse { margin: 0 28px 0 0; }
#reservation { margin: 0 18px 0 0; }
#reservation a { font: 11px Arial; color: #ffffff; }
#presse a { font: 11px Arial; color: #000000; }
#presse { background: url(img/2012/btn_press.png) 0 50% no-repeat; }
#reservation { background: url(img/2012/btn_outlook.png) 0 50% no-repeat; }

#exposant,
#visiteur { float: right; display: inline; width: 127px; padding: 5px 0 5px 30px; text-align: center; }
#exposant { margin: 0 28px 0 0; background: url(img/2012/icon_lock.png) 10px 50% no-repeat; }
#visiteur { margin: 0 8px 0 0; border-right: 1px solid #c0c0c0; background: url(img/2012/icon_lock.png) 18px 50% no-repeat; }


/********************************************************************
	MEGAMENU manuel
********************************************************************/

/* defaut */

.dropdown { position: relative; z-index: 999; display: block; }
.dropdown * { cursor: pointer; }
.dropdown, .dropdown li { list-style: none; padding: 0; margin: 0; }
.dropdown li { position: relative; padding: 0; margin: 0; zoom: 1; }
.dropdown li table { height: 100%; border: none; }
.dropdown li td { vertical-align: middle; }
.dropdown li ul { display: none; position: absolute; z-index: 1000; }

#navbar { position: absolute; bottom: 15px; left: 0; z-index: 998; }

/***** Menu main */

#menu { width: 100%; }

.dropdown li { float: left; display: inline; height: 38px; padding: 0 10px 0 0; }
.dropdown li.actif,
.dropdown li.dir-actif,
.dropdown li.sel,
.dropdown li.dir-sel { background: url(img/2012/menu_hover.png) 100% 0 no-repeat; }

.dropdown li#home a { display: block; height: 38px; width: 38px; background: url(img/2012/home_normal.png) 50% 7px no-repeat; }
.dropdown li#home.sel a,
.dropdown li#home.actif a { background-image: url(img/2012/home_sel.png); }

		.dropdown li table { float: left; position: relative; zoom: 1; }
		* html .dropdown li table,
		*+html .dropdown li table { display: inline; width: auto; }
	
			.dropdown li table td { padding: 0px 0 1px 10px; vertical-align: middle; }
			.dropdown li.actif table.actif td ,
			.dropdown li.dir-actif table.dir-actif td,
			.dropdown li.sel table.sel td,
			.dropdown li.dir-sel table.dir-sel td { background: url(img/2012/menu_hover.png) 0 0 no-repeat; }

				.dropdown li table td a { float: left; display: inline; font: bold 13px Verdana; color: #ffffff; text-transform: uppercase; text-decoration: none; cursor: pointer; }
				.dropdown li.actif table.actif td a,
				.dropdown li.dir-actif table.dir-actif td a,
				.dropdown li.sel table.sel td a,
				.dropdown li.dir-sel table.dir-sel td a { color: #a51a7f; }

/* Sub-menu */

.dropdown li span.noBorderBottom { display: none; position: absolute; bottom: -1px; left: 0; height: 1px; width: 100%; background: #ececec; overflow: hidden; }
.dropdown li.actif span.noBorderBottom,
.dropdown li.dir-actif span.noBorderBottom,
.dropdown li.sel span.noBorderBottom,
.dropdown li.dir-sel span.noBorderBottom { display: block; }

* html .dropdown li.dir-sel span.noBorderBottom { display: none; }

.dropdown li ul { position: absolute; top: 38px; left: -30px; width: 230px; padding: 5px; margin: 0; background: #ececec; }
.dropdown li.mega-tab ul { top: 38px; left: 50%; width: 230px; padding: 5px; margin: 0; background: #ececec;}

.dropdown li ul li { clear: both; width: 200px; border: none; }
.dropdown li ul li ul { top: -5px; left: 100%; }

.dropdown li ul li { line-height: 16px; height: auto; }

.dropdown li ul li a { display: block; font: bold 12px Verdana; padding: 4px 4px 4px 24px; color: #a51a7f; background: url(img/2012/puce_down_style1.png) 0 50% no-repeat;  text-decoration: none; cursor: pointer; }
.dropdown li ul li.lvl2 a { padding: 4px 4px 4px 48px; color: #464646; background: url(img/2012/puce_right_style2.png) 24px 50% no-repeat; }
.dropdown li ul li a:hover,
.dropdown li ul li.lvl2 a:hover { color: #000000; }

/* Mega-panel */

.megamenu .mega-panel { display: none; position: absolute; top: 38px; left: -30px; padding: 10px; border: 1px solid #c0c0c0; background: #ececec; }
.megamenu .mega-panel .inner { margin: 0; overflow: hidden; zoom: 1; }

.megamenu .mega-panel .inner ul,
.megamenu .mega-panel .inner li { display: block; list-style: none; padding: 0; margin: 0; border: none; background: none; }
.megamenu .mega-panel * { cursor: auto; }

.megamenu .mega-panel .inner ul { position: static; float: left; width: 200px; margin: 0 10px 0 0; }
.megamenu .mega-panel .inner ul li {}
.megamenu .mega-panel .inner ul li a {}

.megamenu .mega-panel .inner ul ul { margin: 0; }
.megamenu .mega-panel .inner ul ul li {}
.megamenu .mega-panel .inner ul ul li a {}

/* visuel */

.megamenu .mega-panel .inner .visuel { float: left; padding: 5px 0 0 0; margin: 0 5px 5px 0; }
.megamenu .mega-panel .inner .right { float: right; margin: 0 0 5px 5px; }
.megamenu .mega-panel .inner .center { width: 100%; padding: 0; margin: 0 0 5px 0; text-align: center; }

.megamenu .mega-panel .inner .visuel a { padding: 0; background: none; }


/********************************
CDF
********************************/

#cdf { clear: both; font: 10px verdana; line-height: 15px; height: 15px; margin: 0 0 10px 20px; }


/********************************
BLOC VALUE
********************************/

#blocvalue { padding: 0 7px 9px 3px; margin: 0 0 10px 0; background: url(img/2012/shadowH100.png) 50% 100% no-repeat; overflow: hidden; zoom: 1; }

#blocvalue #visuHomeFlash { float: right; width: 742px; height: 206px; overflow: hidden; }

#blocvalue ul,
#blocvalue li { padding: 0; margin: 0; list-style: none; }

#blocvalue ul { float: left; height: 206px; width: 252px; padding: 3px 0; background: url(img/2012/value_btns.png) 0 0 repeat-x; }
#blocvalue li { float: left; clear: left; font: bold 14px Arial; display: table; height: 50px; width: 232px; padding: 0 0 0 20px; background: url(img/2012/value_btn_normal.png) 0 50% no-repeat; cursor: pointer; }
#blocvalue li.bt4 { background: url(img/2012/value_btn_normal_nobar.png) 0 50% no-repeat; }
#blocvalue li:hover { background: #f1f2f2 url(img/2012/value_btn_sel.png) 0 50% no-repeat; }
#blocvalue li a { color: #ffffff; }
#blocvalue li:hover a { color: #647882; }

#blocvalue li p { display: table-cell; vertical-align: middle; padding: 0 10px; }
#blocvalue li p { margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); }


/********************************
MAIN
********************************/

#bloc-center { clear: both; float: left; width: 690px; overflow: hidden; zoom:1; }


/********************************
BLOCHOME
********************************/

.blocHome { clear: both; width: 100%; margin: 0 0 10px 0; background: url(img/2012/shadowV_left.png) 10px 0 no-repeat; overflow: hidden; zoom: 1; }

.blocHome .titleV { float: left; display: inline; width: 27px; padding: 10px 0 0 0; margin: 45px 15px 0 0; background: url(img/2012/titleV.png) 100% 0 no-repeat; }
.blocHome .titleV a { float: left; display: inline; width: 17px; padding: 0 0 10px 10px; background: url(img/2012/titleV.png) 100% 100% no-repeat; }
.blocHome .titleV a img { width: 10px; }

.blocHome .inner { padding: 0 0 30px 0; background: url(img/2012/shadowH66.png) 50% 100% no-repeat; overflow: hidden; zoom: 1; }


/********************************
BLOC ACTU
********************************/

.actus { float: left; }

.actuSalon { width: 205px; }
.actuExpo { width: 438px; }

.actus h2 { font: bold 16px Arial; padding: 2px 0 0 10px; margin: 0 0 15px 0; color: #92116f; border-right: 1px solid #c0c0c0; background: url(img/2012/entete_actus.png) 0 0 no-repeat; }
.actuExpo h2 { border: none; }
.actus h2 a { float: right; display: inline; width: 100px; font: 12px Arial; margin: 0 5px 0 0; padding: 2px 0 3px 0; color: #ffffff; background: #92116f url(img/2012/entete_more.png) 50% 0 no-repeat; text-align: center; }

.actus .contenu { font: 11px Arial; height: 300px; padding: 0 20px 0 0; border-right: 1px solid #c0c0c0; }
.actuExpo .contenu { border: none; }
.actus .contenu a { font: bold 11px Arial; }

.actus .contenu .case { float: left; display: inline; width: 164px; margin: 0 10px 10px 0; }
.actuExpo .contenu .case { height: 90px; width: 186px; padding-left: 12px; }

/********************************
BLOC MEDIAS
********************************/

.medias {  }

.medias .entete { float: left; width: 635px; padding: 0 5px 0 0; margin: 0 0 15px 0; background: url(img/2012/entete_style2.png) 100% 16px no-repeat; }
.medias .entete table { width: 635px; background: url(img/2012/entete_style2.png) 0 16px no-repeat; }
.medias .entete table,
.medias .entete th { padding: 0; border: none; cursor: pointer; }
.medias .entete th { padding: 20px 0 10px 0; color: #ffffff; vertical-align: middle; }
.medias .entete th.active { color: #92116f; background: url(img/2012/entete_medias_active.png) 50% 100% no-repeat; }
.medias .entete th.tab-first { }
.medias .entete th.tab-last { }

.medias .inner { float: left; width: 640px; padding: 0 0 16px 0;; }

.medias .inner .panel { display: none; float: right; width: 640px; overflow: hidden; zoom: 1; }
.medias .inner .active { display: block; }
.medias .inner .panel h4 { padding: 0; margin: 0 0 5px 0; }

.medias .inner .panel .highlight { float: left; display: inline; width: 420px; }
.medias .inner .panel .highlight .visuel,
.medias .inner .panel .highlight .visuel img { float: left; display: inline; height: 255px; width: 420px; margin: 0 0 10px 0; }

.medias .inner .panel .more { float: right; display: inline; width: 205px; }
.medias .inner .panel .more,
.medias .inner .panel .more li { padding: 0; margin: 0; list-style: none; overflow: hidden; zoom: 1; }
.medias .inner .panel .more li { margin: 0 0 15px 0; }
.medias .inner .panel .more li .visuel { float: left; display: inline; margin: 0 10px 5px 0; }
.medias .inner .panel .more li .visuel,
.medias .inner .panel .more li .visuel img { height: 74px; width: 74px; }

.medias .inner .panel .more h4 { color: #92116f; }

.medias .inner .link { float: right; display: inline; width: 110px; padding: 0; margin: 0; background: url(img/2012/entete_more.png) 100% 0 no-repeat; text-align: center; }
.medias .inner .link a { display: block; padding: 2px 0 3px 10px; color: #ffffff; text-align: center; }


/********************************
BLOC-CENTER
********************************/

/****** Paragraphes */

a { font-weight: bold; color: #a51a7f; text-decoration: none; }

.paragraphe { float: left; display: inline; width: 681px; margin: 0 10px 25px 0; }
.w100 { margin: 0 0 15px 0; }
.w50 { width: 335px; }
.w33 { width: 220px; }
.w66 { width: 450px; }
.side { width: 300px; margin: 0 0 15px 0; }

h1 { margin: 0 0 15px 0; padding: 0 0 0 20px; background: url(img/2012/value_btn_sel.png) 0 50% no-repeat; }

/* entetes */

h2 { font: bold 13px Arial; padding: 0 10px 0 0; margin: 0 0 5px 0; }

.paragraphe .bloc h2 { margin: 0; background-position: 100% 0; background-repeat: no-repeat; }
.paragraphe .bloc h2 .rounded { display: block; padding: 0 0 0 10px; background-position: 0 0; background-repeat: no-repeat; }
.paragraphe .bloc h2 .section { display: block; padding: 5px 0; }

.paragraphe .style1 h2 { background-color: #f0f0f0; }
.paragraphe .style1 h2,
.paragraphe .style1 h2 .rounded { background-image: url(img/2012/entete_style1.png); }
.paragraphe .style1 h2 .section { color: #a51a7f; }

.paragraphe .style2 h2 { background-color: #a51a7f; }
.paragraphe .style2 h2,
.paragraphe .style2 h2 .rounded { background-image: url(img/2012/entete_style2.png); }
.paragraphe .style2 h2 .section { color: #ffffff; }

.paragraphe .style3 h2 { background-color: #c8c8c8; }
.paragraphe .style3 h2,
.paragraphe .style3 h2 .rounded { background-image: url(img/2012/entete_style3.png); }
.paragraphe .style3 h2 .section { color: #000000; }

.paragraphe .style4 h2 { background-color: #000000; }
.paragraphe .style4 h2,
.paragraphe .style4 h2 .rounded { background-image: url(img/2012/entete_style4.png); }
.paragraphe .style4 h2 .section { color: #ffffff; }

.paragraphe .style5 h2 { background-color: #bf6ea3; }
.paragraphe .style5 h2,
.paragraphe .style5 h2 .rounded { background-image: url(img/2012/entete_style5.png); }
.paragraphe .style5 h2 .section { color: #ffffff; }

.paragraphe .style6 h2 { background-color: #a51a7f; }
.paragraphe .style6 h2,
.paragraphe .style6 h2 .rounded { float: left; background-image: url(img/2012/entete_style2.png); }
.paragraphe .style6 h2 .section { float: left; color: #ffffff; }

.paragraphe .sans-titre h2 { display: none; }

/* Inner */

.paragraphe .sans-texte .inner { display: none; }

.paragraphe .bloc .inner { padding: 10px; overflow: hidden; zoom: 1; }

.paragraphe .style2 .inner,
.paragraphe .style3 .inner,
.paragraphe .style4 .inner { background: #f0f0f0; }
.paragraphe .style6 .inner { clear: both; padding: 10px; border: 1px solid #c0c0c0; }
.insc .bloc .inner,
.search .bloc .inner { border: none; background: #e3e4e4; }

.paragraphe .style99 .inner { padding: 0 10px; }

.paragraphe .bloc .inner h3 { font: bold 13px Arial; padding: 0; margin: 0 0 10px 0; }
.paragraphe .style99 .inner h3 { margin: 0; }

.paragraphe .bloc .inner .visuel {}
.paragraphe .bloc .inner .left { margin: 0 10px 10px 0; }
.paragraphe .bloc .inner .right { margin: 0 0 10px 10px; }
.paragraphe .bloc .inner .center { margin: 0 0 10px 0; text-align: center; }

.paragraphe .bloc .inner .link { clear: both; padding: 10px 0 0 0; }
.side .bloc .inner .link { padding: 10px 0 0 20px; background: url(img/2012/icon_add.png) 0 10px no-repeat; zoom: 1; }
.side .bloc .inner .link a { color: #000000; }


/********************************
SIDEBAR
********************************/

#sidebar { float: right; width: 300px; }
#carrepub { width: 300px; height: 250px; margin: 0 0 15px 0; text-align: center; overflow: hidden; }
#skyscraper { width: 120px; height: 600px; float: right; margin-left: 15px; }


/********************************
BOUTONS RAPIDES
********************************/

.btnside { margin: 0 0 15px 0; }
.btnside .libelle { margin: 0 0 1px 0; }
.btnside .libelle { height: 50px; width: 300px; background: url(img/2012/value_btns.png) 0 0 repeat-x; cursor: pointer; }
.btnside .libelle table { height: 100%; width: 100%; }
.btnside .libelle table,
.btnside .libelle table td { margin: 0; border: none; }
.btnside .libelle table td { padding: 0 0 0 30px; }
.btnside .libelle table td { background: url(img/2012/value_btn_normal.png) 0 50% no-repeat; vertical-align: middle; text-align: left; }
.btnside .active table td { background: #f1f2f2 url(img/2012/value_btn_sel.png) 0 50% no-repeat; }
.btnside .libelle table td,
.btnside .libelle table td a { font: bold 15px Arial; color: #f1f2f2; }
.btnside .active table td a { font: bold 15px Arial; color: #647882; }


/********************************************************************
	TAGCLOUD
********************************************************************/

.tagcloud .bloc .inner { text-align: center; }

.tagcloud .inner h3,
.tagcloud .inner h3 a { display: inline; font: 20px Verdana; line-height: 20px; border: none;  color: #000000; }
.tagcloud .inner h4,
.tagcloud .inner h4 a { display: inline; font: bold 16px Verdana; line-height: 20px; border: none;  color: #353535; }
.tagcloud .inner h5,
.tagcloud .inner h5 a { display: inline; font: bold 13px Verdana; line-height: 20px; border: none;  color: #666666; }
.tagcloud .inner h6,
.tagcloud .inner h6 a { display: inline; font: 10px Verdana; line-height: 20px; border: none;  color: #999999; }

.tagcloud .inner a { text-decoration: none; }
.tagcloud .inner a:hover { text-decoration: underline; }

.tagcloud .inner h3 a:hover,
.tagcloud .inner h4 a:hover,
.tagcloud .inner h5 a:hover,
.tagcloud .inner h6 a:hover { color: #a51a7f; }


/********************************************************************
	SOCIAL
********************************************************************/

.social .picto { float: left; width: 60px; text-align: center; }


/********************************
PARTENAIRES
********************************/
.partners { position:relative; }
.partners .inner { height: 130px; padding: 50px 0 0 0; }
.partners .pics { height: 90px; float: left; width: 230px; text-align:center }
.partners .pics img { display:block }
.partners #partners_title { position:absolute; bottom:20px; left:38px; width:928px; height:20px; line-height:20px; background:#E3E4E4}
.partners #partners_title a { display:block; float:left; width:232px; text-align:center }




/********************************
INFO SALON
********************************/

.infosalon { color: #67686a; }
.infosalon h2 { font: bold 13px Arial; margin: 0 0 10px 0; }

#about { float: left; width: 600px; padding: 10px 80px 10px 0; border-right: 1px solid #c0c0c0; }
#about a { color: #ffffff; font-weight: 700; }
#about a:hover { color: #cddce1; }

#about img { margin: 0 30px 25px 0; }

#synergie { float: left; padding: 20px 0 0 50px; text-align: center; }


/********************************
PLANSITEBAS
********************************/

#plansitebas {
	width: 990px;
	margin: 10px auto 0 auto;
	background: #6c767f url(img/2012/plansitebas_bottom.png) 0 100% no-repeat;
	color: #ffffff;
	text-align: left;
}

#plansitebas .inner { padding: 20px 0; background: url(img/2012/plansitebas_top.png) 0 0 no-repeat; }

#plansitebas td { padding: 0 30px; }

#plansitebas a { color: #ffffff; }
#plansitebas a:hover { color: #cddce1; }

#plansitebas .titre { text-transform: uppercase; }
#plansitebas .titre,  
#plansitebas .lien { font-size: 12px; margin-bottom: 2px; }
#plansitebas .lien a { font-weight: normal; }


/********************************
FOOTER
********************************/

#footer { 
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0; color: #ffffff;
	background: url(img/2012/footer.png) 50% 50% no-repeat;
	overflow: hidden; zoom: 1; }

#footer ul { text-align: center; list-style: none;  }
#footer ul li { display: inline; }
#footer ul li a { color: #ffffff; font-weight: normal; }
#footer ul li a:hover { color: #eeeeee; }

#footer .left { padding-left: 20px; }
#footer .right { font-size: 11px; padding-right: 20px; }
#footer .right img { vertical-align: middle; padding-left: 5px; position: relative; }



/********************************
INFOHOME
********************************/

.infohome { padding: 5px 0 0 0; margin: 0 0 25px 0; background: url(img/2012/show.png) 0 0 no-repeat; }
.infohome .inner { font: 11px Arial; padding: 15px 0 20px 0; background: url(img/2012/show.png) 0 100% no-repeat; overflow: hidden; zoom: 1; }

.infohome h3 { margin: 0 0 10px 0; }

.infohome table { }
.infohome table,
.infohome table td { padding: 0; margin: 0; border: none; }
.infohome table td { vertical-align: middle; text-align: center; }

.infohome .visuel { float: left; height: 90px; width: 260px; }
.infohome .text { float: left; width: 200px; padding: 0 15px 0 15px; }
.infohome .text-left { margin: 0 15px 0 0; border-right: 1px solid #c0c0c0; }