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

* { padding: 0; margin: 0;  outline: none;  }

body { font: 11px Verdana, Arial, Helvetica, "sans-serif"; background: url(img/body_bg_int.jpg) repeat-x 0 0 #183345; }
body.home { background: url(img/body_bg_home.jpg) repeat-x 0 0 #162D3D; }

td { font: 11px Verdana, Arial, Helvetica, "sans-serif"; }

a img { border: 0; }
a { text-decoration: none; font-weight: 700; color: #0094AB; }
a:hover, a:focus, a:active { color: #0094ab; }

.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; }

/********************************/
/*   LIEN REF
/********************************/

ul#lienref { 
	width: 965px; 
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	list-style: none;
	background: url(img/top_filet.png) no-repeat 50% 100%;

}
 
ul#lienref li { display: inline; background: url(img/top_point.gif) no-repeat 100% 50%; padding: 0 5px; }
ul#lienref li.last { background: 0; }

ul#lienref a { font-size: 10px; font-weight: 400; color: #87939b; }
ul#lienref a:hover, ul#lienref a:focus, ul#lienref a:active { color: #FFF; }


/********************************/
/*   WRAP-1
/********************************/

#wrap-1 {/* background: url(img/wrap-1_bg.png) repeat-x 0 0;*/ }
#wrap-1.home { /*background: url(img/wrap-1-home_bg.png) repeat-x 0 0; */}

#logo-baseline { float: left; padding: 20px 0 0 0; }

#date-lang { position: relative; margin-top: -30px; float: right;  width: 193px; margin-bottom: 20px; }

#date-lang img.date { line-height: 1px; font-size: 1px; float: left; }

#date-lang a { float: right; height: 80px; width: 43px; margin-top: 30px; }
#date-lang a.lang_FR { background: url(img/lang_FR.png) no-repeat 0 0; }
#date-lang a.lang_GB { background: url(img/lang_GB.png) no-repeat 0 0; }

#date-lang a.lang_FR:hover { background: url(img/lang_FR.png) no-repeat 0 100% }
#date-lang a.lang_GB:hover { background: url(img/lang_GB.png) no-repeat 0 100%; }


#wrap-top { width: 965px; margin: 0 auto; overflow: hidden; zoom:1; position: relative; }
#wrap-center { background: black; overflow: hidden; zoom:1; }

#main {background: white; width: 965px; margin: 0 auto; overflow: hidden; zoom:1; padding: 20px 0; }
#main.home { background: #000; padding: 20px 0 0 0 ; }

/********************************/
/*   MENU
/********************************/

#menu { clear: both;  }

#menu ul { list-style: none; }

#menu li { float: left; margin-right: 1px; }
#menu li.last-onglet { margin-right: 0; }

#menu a	{ float: left; width: 160px; height: 30px; background: url(img/menu/onglet_salons_FR.png) no-repeat 0 0; }
#menu.home a { height: 50px; }

#menu li.salons a.FR { background: url(img/menu/onglet_salons_FR.png) no-repeat 0 0; }
#menu li.visiter a.FR { background: url(img/menu/onglet_visiter_FR.png) no-repeat 0 0; }
#menu li.exposer a.FR { background: url(img/menu/onglet_exposer_FR.png) no-repeat 0 0; }
#menu li.presse a.FR { background: url(img/menu/onglet_presse_FR.png) no-repeat 0 0; }
#menu li.espexpo a.FR { background: url(img/menu/onglet_espexpo_FR.png) no-repeat 0 0; }
#menu li.asia a.FR { background: url(img/menu/onglet_asia_FR.png) no-repeat 0 0; }

#menu li.salons	  a.FR:hover, #menu li.salons  a#current.FR	{ background: url(img/menu/onglet_salons_FR.png) no-repeat 0 -150px; }
#menu li.visiter  a.FR:hover, #menu li.visiter a#current.FR	{ background: url(img/menu/onglet_visiter_FR.png) no-repeat 0 -150px; }
#menu li.exposer  a.FR:hover, #menu li.exposer a#current.FR	{ background: url(img/menu/onglet_exposer_FR.png) no-repeat 0 -150px; }
#menu li.presse	  a.FR:hover, #menu li.presse  a#current.FR	{ background: url(img/menu/onglet_presse_FR.png) no-repeat 0 -150px; }
#menu li.espexpo  a.FR:hover, #menu li.espexpo a#current.FR { background: url(img/menu/onglet_espexpo_FR.png) no-repeat 0 -150px; }
#menu li.asia	  a.FR:hover, #menu li.asia	   a#current.FR { background: url(img/menu/onglet_asia_FR.png) no-repeat 0 -150px; }



#menu li.salons a.GB { background: url(img/menu/onglet_salons_GB.png) no-repeat 0 0; }
#menu li.visiter a.GB { background: url(img/menu/onglet_visiter_GB.png) no-repeat 0 0; }
#menu li.exposer a.GB { background: url(img/menu/onglet_exposer_GB.png) no-repeat 0 0; }
#menu li.presse a.GB { background: url(img/menu/onglet_presse_GB.png) no-repeat 0 0; }
#menu li.espexpo a.GB { background: url(img/menu/onglet_espexpo_GB.png) no-repeat 0 0; }
#menu li.asia a.GB { background: url(img/menu/onglet_asia_GB.png) no-repeat 0 0; }

#menu li.salons	  a.GB:hover, #menu li.salons  a#current.GB	{ background: url(img/menu/onglet_salons_GB.png) no-repeat 0 -150px; }
#menu li.visiter  a.GB:hover, #menu li.visiter a#current.GB	{ background: url(img/menu/onglet_visiter_GB.png) no-repeat 0 -150px; }
#menu li.exposer  a.GB:hover, #menu li.exposer a#current.GB	{ background: url(img/menu/onglet_exposer_GB.png) no-repeat 0 -150px; }
#menu li.presse	  a.GB:hover, #menu li.presse  a#current.GB	{ background: url(img/menu/onglet_presse_GB.png) no-repeat 0 -150px; }
#menu li.espexpo  a.GB:hover, #menu li.espexpo a#current.GB { background: url(img/menu/onglet_espexpo_GB.png) no-repeat 0 -150px; }
#menu li.asia	  a.GB:hover, #menu li.asia	   a#current.GB { background: url(img/menu/onglet_asia_GB.png) no-repeat 0 -150px; }





/****************************************************************/
/*   HOME
/****************************************************************/

#mainHome { clear: both; margin: 20px 0; overflow: hidden; zoom:1; }


/********************************/
/*   QUATRE SALONS
/********************************/

#quatreSalons { clear: both; height: 360px; background: url(img/quatreSalons_bg.png) center top no-repeat; }

#quatreSalons .bloc { height: 350px; width: 235px; margin: 5px 0 5px 5px; float: left; }

#quatreSalons .contenu { padding: 10px; }

#quatreSalons h3 { font-size: 12px; height: 40px; margin: 4px 0 0 0; }

#quatreSalons #rouge h3 { color: #be0926; }
#quatreSalons #orange h3 { color: #f29400; }
#quatreSalons #vert h3 { color: #97be0d; }
#quatreSalons #bleu h3 { color: #2ab5e5; }

#quatreSalons span { display: block;  margin-bottom: 3px;  }
#quatreSalons .savoirplus a { color: #FFF; text-transform: uppercase; padding: 0 15px 0 0; }

#quatreSalons .video a { font: 10px Tahoma; font-weight: bold; color: #000; background: url(img/picto_video.png) no-repeat 0 1px; padding: 0 0 1px 15px; }
#quatreSalons span.video a:hover { color: #FFF; }

/********************************/
/*   TRADEXPO TV
/********************************/

#tradexpoTV { 
	width: 260px;
	height: 250px;
	float: left; 
	position: relative; 
}

#tradexpoTV .allnews { position: absolute; right: 20px; top: 3px; }
#tradexpoTV .allnews a { font-size: 10px; color: white; font-weight: normal; }
#tradexpoTV .allnews a:hover { text-decoration: underline; }

#tradexpoTV h2 { font: normal 18px arial; text-transform: uppercase; height: 30px; }

#tradexpoTV h2.FR { background: url(img/tradexpo_tv_FR.gif) no-repeat 0 0; width: 200px; height: 30px; }
#tradexpoTV h2.GB { background: url(img/tradexpo_tv_GB.gif) no-repeat 0 0; width: 200px; height: 30px; }

/********************************/
/*   ACTUALITES
/********************************/

#actualites { 
}

#actualites a { color: white; font-weight: normal; }
#actualites a:hover { text-decoration: underline; }

#actualites .allnews { position: absolute; right: 0; top: 3px;}
#actualites .allnews a { font-size: 10px; }

#actualites h2 { font: normal 18px arial; text-transform: uppercase; height: 30px; }

#actualites h2.FR { background: url(img/actualite_FR.gif) no-repeat 0 0; width: 200px; height: 30px; }
#actualites h2.GB { background: url(img/actualite_GB.gif) no-repeat 0 0; width: 200px; height: 30px; }

#actualites h3 { color: #0094ab; font-size: 11px; text-transform: uppercase; margin-bottom: 5px; }
#actualites .article { line-height: 15px; margin-bottom: 20px; }
#actualites #last { margin-bottom: 0; }

/********************************/
/*   ACCES RAPIDE
/********************************/

#accesrapide { }

#accesrapide h2 { font: normal 18px arial; text-transform: uppercase; height: 30px; }

#accesrapide h2.FR { background: url(img/acces_rapide_FR.gif) no-repeat 0 0; width: 200px; height: 30px; }
#accesrapide h2.GB { background: url(img/acces_rapide_GB.gif) no-repeat 0 0; width: 200px; height: 30px; }


/* -------------
 * SELECT
 * ------------- */

.jqTransformHidden { display: none; }

.jqTransformSelectWrapper { position: relative; height: 25px; margin-bottom: 20px; }

.jqTransformSelectWrapper div span {
	background: url(img/select_left.gif) no-repeat;
	font: 11px verdana;
	color: #FFF;
	position: absolute;
	height: 25px;
	line-height: 8px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor: pointer;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0;
	width: 25px;
	height: 25px;
	background: url(img/select_right.gif) no-repeat;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	top: 26px;
	left: 0px;
	list-style: none;
	background: #FFF;
	display: none;
	overflow: auto;
	overflow-y: auto;
	z-index: 10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #000;
	background: #FFF;
	font-size: 11px;
	font-weight: normal;
}

.jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #000; }

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#0094ab; color: #fff; }




/********************************/
/*   DATES
/********************************/

#datesBas { clear: both; text-align: center; letter-spacing: 5px; font: 14px arial; color: #FFF; padding: 10px 0 15px 0; }
#datesBas span { text-align: center; letter-spacing: 10px; font-size: 14px; color: #0094AB; }



/****************************************************************/
/*   PAGES INTERIEURES
/****************************************************************/


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

#cdf { clear: both; background: url(img/bg_cdf.gif) repeat-x 0 100% #FFF; height: 30px; font-size: 10px; }
#cdf div { padding: 8px 20px 0 20px; }
#cdf a { color: #000; font-weight: 400; }
#cdf a:hover { color: #0094ab; }
#cdf span { color: #0094ab; font-weight: 700; }




/********************************/
/*   sidebar
/********************************/

#sidebar { float: left; width: 170px; }

/********************************/
/*   MENU GAUCHE
/********************************/

#menugauche { width: 170px; background: url(img/menug_opener.gif) no-repeat 0 0 #152c3b; padding: 15px 0 0 0; margin-bottom: 20px;  }
#menugauche .closer { background: url(img/menug_closer.gif) no-repeat; height: 10px; font-size: 1px; line-height: 1px; }
#menugauche li { list-style: none; }

#menugauche .rubrique img { display: block; margin: 0 0 0 10px; padding: 0 0 10px 0; }

#niv2 a {	display: block; font-weight: 400; color: #FFF; zoom:1;
			background: url(img/menug_puce.gif) no-repeat 0 4px; margin: 0 10px; padding-left: 15px; }

#niv2 a:hover { color: #0094ab; background: url(img/menug_puce.gif) no-repeat 0 -89px; }

#niv2 span.current { display: block; background: #0094ab; padding: 1px 0 2px 0; zoom:1; } 
#niv2 span.current a { color: #FFF; background: url(img/menug_puce_sel.gif) no-repeat 0 4px; }
#niv2 span.current a:hover { color: #FFF;  }

#niv2 li { margin-bottom: 6px; }


#niv3 { margin-top: 5px; }
#niv3 a { font-size: 11px; background: none !important; }

#niv3 span.current {  background: none;  padding: 0; } 
#niv3 span.current a { color: #0094ab; }
#niv3 span.current a:hover { color: #0094ab; }

#niv3 li { margin-bottom: 2px; }


/********************************/
/*   PHOTOLEFT
/********************************/

#photoleft { padding-left: 10px; }
#slider {width:160px;}

#slider ul {}
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li, #slider2 li{
	width:160px;
	height:100px;
	overflow:hidden; 
}
#slider li a {display:block}
p#controls, p#controls2 { display: none;}

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

#bloc-center { float: left; width: 600px; padding: 0 20px; color: #000; }

#bloc-center.large { width: 910px; }

#bloc-center li { list-style-position: inside; list-style-type: disc; }

#bloc-center h1 { color: #0094ab; font: normal 22px arial; margin: 0 0 20px 0; }

#bloc-center h2 { color: #0094ab; font: bold 14px  arial; margin: 0 0 10px 0; text-transform: uppercase; }
#bloc-center h2.alone { margin: 0; }

#bloc-center h3 { font-size: 12px; margin: 0 0 5px 0; }

#bloc-center .style1 { background: #0094ab;  padding: 10px; color: #FFF; }
#bloc-center .style2 { background: #7fc9d5;  padding: 10px; }
#bloc-center .style3 { background: #bfe4ea;  padding: 10px; }
#bloc-center .style4 { border: 1px solid #0094AB; padding: 10px; }



#bloc-center .style1 h2 { color: #FFF; }
#bloc-center .style1 h3 { color: #FFF; }

/*
#bloc-center .style1 h2,
#bloc-center .style1 h3 { color: #bda5cc; }

#bloc-center .style2 h2,
#bloc-center .style2 h3,
#bloc-center .style3 h2,
#bloc-center .style3 h3 { color: #FFF; }

#bloc-center .style1 a { color: #FFF; }
#bloc-center .style1 a:hover {  text-decoration: underline; }

#bloc-center .style2 a { color: #373E79; }
#bloc-center .style2 a:hover {  text-decoration: underline; }
*/

.bloc-contenu { margin-bottom: 20px;  }
.bloc-contenu-hr { margin-bottom: 10px; }

#bloc-center hr { background: #adadad; border: 0; height: 1px; color: #adadad; margin: 0 0 0 0; }
html:not([lang*=""]) #bloc-center hr { margin: 0 0 10px 0; }


/* SPAW GESTION DES COLONNES */

.w50 { float : left; clear : left; width : 49%; }
.w50-newline { float : right; clear : right; width : 49%; }
.w33-first { float : left; display : inline; width : 32%; }
.w33-2 { float : left; display : inline; width : 32%; margin-left : 2%;  }
 * html .w33-2 { margin : 0 0 0 1%; } /*Hack ie6*/
.w33-newline { float : right; display : inline; clear : right; width : 32%; }


/********************************/
/*  KAKEMONO
/********************************/

#visuelright { float: right; margin-bottom: 10px; }

#visuelright ul, #visuelright li { list-style: none; }

#visuelright li { width: 145px; height: 400px; overflow: hidden; }
span#prevBtn { display:none; }
span#nextBtn { display:none; }	




/********************************/
/*  SONDAGE
/********************************/

#sondage { width: 170px; background: url(img/sondage_opener.gif) no-repeat 0 0 #0094ab; }
#sondage .closer { background: url(img/sondage_closer.gif) no-repeat 0 100%; height: 10px; line-height: 1px; font-size: 1px; }

#sondage .question { color: #FFF; font-weight: 700; font-size: 10px; padding: 10px; }
#sondage .choix { padding: 5px 10px; }
* html #sondage .choix { padding: 0 10px; }

#sondage .choix input { vertical-align: middle; margin-right: 5px; }
#sondage .choix label { float: none; font-weight: normal; font-size: 11px; color: #000; }

#sondage .form-submit { 
	width: 80px; 
	height: 25px;
	margin: 10px 0 10px 45px; 
	border:0; 
	text-align: center; 
	background: url(img/sondage_bt.gif) no-repeat 0 0; 
	color: #0094ab;
	font-weight: 700; 
}

#sondage .form-submit:active { background: url(img/sondage_bt.gif) no-repeat 0 100%; }

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

#wrap-bottom { background: url(img/footer_bg.jpg) repeat-x 0 0 #183345; overflow: hidden; zoom:1; padding-bottom: 30px; }

#footer { clear: both; width: 965px; margin: 0 auto; color: #87939b; background: url(img/footer_filet.png) no-repeat 50% 0; padding: 20px}

#footer a { color: #87939b; font-weight: normal;  }
#footer a:hover, #footer a:focus, #footer a:active { color: #FFF ; }

#footer .imp a { color: #87939b; }

#logoGL { float: left; font-size: 10px;  width: 170px; }
#logoGL span { position: relative; top: 7px;  }

ul#lienFooter { float: right; }
ul#lienFooter li { list-style: none; display: inline; }

#lienrefFooter { float: right; font-size: 10px; width: 600px; padding: 10px 0;  text-align: right;  }


/*******************************************************************************/
/* SITEMAP */
/*******************************************************************************/

#sitemap a {display: block; }
#sitemap .niv1 li { list-style: none; float: left; width: 190px ; display: inline; margin: 0 10px 10px 0; }

#sitemap .niv1 li.space { clear: both; float: none; display: block ; margin: 0 !important; font-size: 1px; line-height:1px; }

#sitemap .niv2 li { float: none; margin: 0;  }

#sitemap .niv1 a { font-size: 14px; font-weight: 700; }
#sitemap .niv2 a { font-size: 12px; font-weight: 400; background: url(img/menug_puce.gif) no-repeat 0 4px;  padding-left: 15px; margin: 5px 0; }
#sitemap .niv3 a { font-size: 11px;  background: none;  }
#sitemap .niv4 a { font-size: 10px; }











/*******************************************************************************/
/* HOME SHOW ROW
/*******************************************************************************/


#showRow { background: url(img/showRow.png) center top repeat-y; }

#showRow .col {

float:left;
width:281px;
height:250px;
padding: 20px;
color:white;

}