/**********************************************************************************************/
/*   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;
}

table { border-collapse: collapse; border-spacing: 0; }


body {
	font: normal 12px Arial, Verdana, Helvetica, Sans-Serif;
	background: url(img/body_bg.png) repeat-x 0 0 #FFF;
	color: #647882;
	text-align: center;
	behavior: url("csshover3.htc"); 
}

a img, img { border: 0; }

a { text-decoration: none; color: #e2007a; }
a:hover, a:focus, a:active { color: #5cc5ed;  }

.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
/********************************/

#site { 
	width: 1040px;
	background: url(img/site_ombre.png) repeat-y 0 0;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#banner { 
	position: absolute; 
	width: 728px; 
	height: 90px; 
	text-align: center; 
	top: 40px; 
	right: 30px;
	border: 1px solid #CDDCE1;
	line-height: 1px; 
	font-size: 1px;
}

#container { 
	background: url(img/container_bg.png) no-repeat 0 0;
}

#global {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}


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

#infotop { height: 30px; margin: 0 20px; }

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

#changelang { float: right; margin-right: 10px; display: inline; }

#changelang a { display: block; height: 26px; width: 122px; }
#changelang a.GB { background: url(img/changelang_GB.png) no-repeat 0 0; }
#changelang a.GB:hover { background: url(img/changelang_GB.png) no-repeat 0 100%;  }
#changelang a.FR { background: url(img/changelang_FR.png) no-repeat 0 0; }
#changelang a.FR:hover { background: url(img/changelang_FR.png) no-repeat 0 100%;  }


/********************************/
/*   AU DESSUS DU MENU
/********************************/

#logo { width: 230px; height: 90px; margin-left: 10px; }

#dates { margin: 20px 0 0 10px; float: left; display: inline; font-weight: bold; font-size: 12px; text-transform: uppercase; }
#dates .pro { color: #3C3C3E; }
#dates .public { color: #5CC5ED; }
#dates sup { text-transform: none;  }


#btnEspexpo { float: right; margin: 10px 0; }
#btnEspexpo a { display: block; width: 200px; height: 30px; }
#btnEspexpo.FR a { background: url(img/btn_espexpo_FR.png) no-repeat 0 0; }
#btnEspexpo.FR a:hover { background: url(img/btn_espexpo_FR.png) no-repeat 0 100%; }
#btnEspexpo.GB a { background: url(img/btn_espexpo_GB.png) no-repeat 0 0; }
#btnEspexpo.GB a:hover { background: url(img/btn_espexpo_GB.png) no-repeat 0 100%; }


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

#cdf { 
	clear: both; 
	font: 10px verdana; 
	color: #3c3c3e; 
	background: #d9ebf5; 
	padding: 0 10px; 
	height: 25px; 
	line-height: 25px; 
}
#cdf a { color: #3c3c3e;  }
#cdf a:hover { color: #109fd0;  }



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


#blocvalue { background: #d9ebf5; height: 235px; border-bottom: 1px solid #FFF; }

#blocvalue #visuHomeFlash { float: left; width: 760px; height: 235px; overflow: hidden; background: #FFF; }

#blocvalue ul { float: right; width: 220px; list-style: none; }

#blocvalue li { width: 220px; height: 58px; margin-bottom: 1px; display: table; cursor: pointer; font-size: 14px; font-weight: 700; }

#blocvalue li.bt1 { background: url(img/blocvalue_btn.png) no-repeat 0 0; }
#blocvalue li.bt2 { background: url(img/blocvalue_btn.png) no-repeat 0 -58px; }
#blocvalue li.bt3 { background: url(img/blocvalue_btn.png) no-repeat 0 -116px;  }
#blocvalue li.bt4 { background: url(img/blocvalue_btn.png) no-repeat 0 -174px; margin-bottom: 0px; }

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

#blocvalue li:hover { background: url(img/blocvalue_btn.png) no-repeat -220px 0; }
#blocvalue li:hover { background: url(img/blocvalue_btn.png) no-repeat -220px -58px; }
#blocvalue li:hover { background: url(img/blocvalue_btn.png) no-repeat -220px -116px; }
#blocvalue li:hover { background: url(img/blocvalue_btn.png) no-repeat -220px -174px; }

#blocvalue a { color: #FFF; }



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

#main { clear: both; background: url(img/main_bg.gif) repeat-x 0 0; padding: 20px 10px; overflow: hidden; zoom:1; }
#main.int { background: none; }

.space10 { clear: both; height: 10px; line-height:0px; font-size: 0px; }
.space20 { clear: both; height: 20px;  }


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

.bloc-actu { float: left; width: 310px; height: 260px; margin-right: 19px; background: url(img/actu_bg.png) no-repeat 0 25px;zoom:1; }

.bloc-actu h2 { height: 26px; color: #FFF; font-size: 14px; line-height: 25px; padding-left: 15px; background: url(img/actu_onglet.png) no-repeat 0 0; }

.bloc-actu span.allnews { float: right; position: relative; top: -22px; font-size: 11px; padding-right: 5px; }
.bloc-actu span.allnews a { background: url(img/puce_plus.gif) no-repeat 0 2px; padding-left: 16px; }


.bloc-actu .contenu {padding: 8px 10px; overflow:hidden;width:290px;height:200px;}

.bloc-actu p.article { background: url(img/puce_small.gif) no-repeat 0 1px; padding: 0 0 5px 20px; }

.bloc-actu a.titre { color: #647882;}

#actuexpo { margin-right: 18px; }
#actuexpo a{ font-weight: normal; color: #647882; }
#actuexpo a:hover { text-decoration: underline; color: #5CC5ED; }


/********************************/
/*  CARRE PUB
/********************************/

#carrepub { float: right; width: 300px; height: 250px; border: 1px solid #CDDCE1; line-height: 1px; font-size: 1px;}


/********************************/
/*  BLOC MEDIA (new)
/********************************/

#medias { 
	width: 310px; 
	height: 250px !important; 
	background: url(img/media_bg.png) no-repeat 0 30px; 
	clear: both; 
	float: left; 
	overflow: hidden;
	position: relative;
}

#medias #galerie1 .lien { 
	position: absolute;
	bottom: 5px;
	width: 310px; 
	text-align: center;
}

#medias .nav ul { height: 32px; }

#medias .nav li { 
	height: 32px; 
	width: 120px; 
	line-height: 28px; 
	float: left; 
	margin-right: 5px; 
	background: url(img/media_onglet_bleu.png) no-repeat 0 0;
	text-align: center;
	list-style: none;
}

#medias .nav li.ongletSel { background: url(img/media_onglet_sel.png) no-repeat 0 0; }

#medias .nav li a { color: #FFF; text-decoration: none; }
#medias .nav li.ongletSel a { color: #647882; }

#medias #galerie1, 
#medias #galerie2 { clear: both; }

#medias .slider li { width: 310px; height: 220px; text-align: center; list-style: none;  }

#medias .visu { padding: 10px 0 5px 0; }
#medias .lien { font-size: 11px;}

/********************************/
/*  BLOC MEDIA
/********************************/
/*
#bloc-media { clear: both; float: left; width: 310px; height: 250px !important; background: url(img/blocmedia_bg.png) no-repeat 0 30px; }

#bloc-media a.lienplus { display: block; text-align: center; font-size: 11px; font-weight: bold; cursor: pointer; }

#mediaOnglets { list-style: none; }
#mediaOnglets li { float: left; margin-right: 5px; text-align: center; }

#mediaOnglets li a { 
	display: block; 
	height: 30px; 
	width: 120px; 
	line-height: 30px;
	color: #FFF;
	background: url(img/blocmedia_onglet_bleu.png) no-repeat 0 4px; 
}

#mediaOnglets li a:hover { background: url(img/blocmedia_onglet_bleu.png) no-repeat 0 0; }

#mediaOnglets li.ongletSel a { height: 31px; background: url(img/blocmedia_onglet.png) no-repeat 0 0 !important; color: #647882; }

#mediaBloc { clear: both; height: 200px; overflow: hidden !important; }
#mediaBloc a { display: block; width: 310px; height: 200px; text-align: center; background: transparent !important; } 
#mediaBloc a img { padding-top:10px; } 

*/

/********************************/
/*   BLOC FOCUS
/********************************/

#focushome { padding-top: 10px; }

#focushome .bloc-w310 { margin: 0 20px 0 0; }
#focushome .bloc-w300 { margin: 0; }


/********************************/
/*   BLOCS HOME
/********************************/
 
.bloc-w310, 
.bloc-w300 { float: left; margin-left: 20px; position: relative; margin-top: 10px; }

.bloc-w310 { width: 310px; height: 240px; background: url(img/bloc_310.png) no-repeat 0 0px; }
.bloc-w300 { width: 300px; height: 240px; background: url(img/bloc_300.png) no-repeat 0 0px; }

.bloc-w310 .contenu,
.bloc-w300 .contenu { padding: 30px 15px 10px 15px; }

.bloc-w310 h2, 
.bloc-w300 h2 { font-size: 14px; position: absolute; top: -8px; left: 15px; padding-right: 10px;  }

.bloc-w310 h2 span, 
.bloc-w300 h2 span { background: #FFF; padding: 0 5px; }

.bloc-w310 h3,
.bloc-w300 h3 { font-size: 12px; color: #5cc5ed; text-transform: uppercase; margin-bottom: 4px; }


a.access  { 
	float: right;
	margin-top: 5px;
	height: 27px; 
	font-weight: 700; 
	padding-left: 10px;
	line-height: 25px;
	background: url(img/acces_left.png) no-repeat 0 0;
	cursor: pointer;
}

a.access span { 
	float: left; 
	height: 27px; 
	padding-right: 10px; 
	background: url(img/acces_right.png) no-repeat 100% 0;  
}

a:hover.access { background: url(img/acces_left.png) no-repeat 0 100%; }
a:hover.access span { background: url(img/acces_right.png) no-repeat 100% 100%; }





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

.gabaritlarge { width: 960px !important; }
.gabaritnosky { width: 760px !important; }
.gabaritnocolumn { width: 820px !important; }


#bloc-center { width: 630px; float: left; }

#bloc-center h1 { font-size: 22px; margin-bottom: 20px; }

#bloc-center h2 { color: #5dc5ed; font-size: 16px; margin-bottom: 10px; background: url(img/h2_trait.gif) repeat-x 0 10px; }
#bloc-center h2 span { background: #FFF; padding-right: 5px; }

#bloc-center h3 { font-size: 12px; text-transform: uppercase; background: url(img/puce_small.gif) no-repeat 0 0; padding: 0 0 15px 20px; }

#bloc-center img.style1 { float: left; margin-right: 10px; }
#bloc-center img.style2 { float: right; margin-left: 10px; }

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

div.style1,
div.style2,
div.style3,
div.style4 { overflow: hidden; zoom: 1; }

div.style2 { border: 1px solid #cddce1; padding: 15px; }
div.style3 { background: url(img/degrade_gris.png) repeat-x 0 0; padding: 12px 15px; }
div.style4 { background: url(img/degrade_bleu.png) repeat-x 0 0 #c9ecf9; padding: 12px 15px; color: #3c3c3e; }

#bloc-center div.style4 h3 { background: url(img/puce_style4.gif) no-repeat 0 0; color: #FFF; }

#bloc-center .espace { height: 15px; overflow: hidden; zoom: 1; }


/* 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%; }



/********************************/
/*   SKYSCRAPER
/********************************/

#skyscraper { width: 120px; height: 600px; float: right; margin-left: 14px; border:1px solid #C7D8DD; }


/********************************/
/*   COLONNE CENTRALE
/********************************/

#column-center { width: 180px; float: right; }


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

#boutonrapide div { height: 41px; color: #FFF; background: url(img/boutonrapide_bg.png) no-repeat 0 0; }

#boutonrapide img { float: left; margin: 3px 10px 0 0; }

#boutonrapide .titre { font-size: 14px; line-height: 32px; padding: 0 10px 0 20px; }

#boutonrapide div a { display: block; height: 41px; color: #FFF; font-weight: 700; }

#boutonrapide div a:hover { background: url(img/boutonrapide_bg.png) no-repeat 0 -114px; }


/********************************/
/*  INSC NEWSLETTER
/********************************/

#inscnewsbox { background: url(img/bloc_180.png) no-repeat 0 100%; padding-bottom: 10px; zoom:1; margin-top: 20px; }
#inscnewsbox .contenu { background: url(img/bloc_180.png) no-repeat 0 0; padding: 0 15px;  }

#inscnewsbox h2 { font-size: 14px; position: relative; bottom: 5px; margin-bottom: 5px; }
#inscnewsbox h2 span { background: #FFF; padding: 0 5px; }

#inscnewsbox .options { font-weight: 700; padding: 0 0 10px 0; }

#inscnewsbox .smart-field { 
	background: url(img/inscnewsbox_field.gif) no-repeat 0 0; 
	height: 25px; 
	border: 0; 
	width: 150px; 
	padding: 3px 0 0 5px;
	margin-bottom: 5px;
}

#inscnewsbox input.form-submit { 
	background: url(img/inscnewsbox_btn.png) no-repeat 0 0; 
	height: 27px;
	width: 90px;
	border: 0;
	color: #e2007a;
	font: bold 11px verdana;
	margin-bottom: 5px;
}

#inscnewsbox .form-submit:hover { 
	background: url(img/inscnewsbox_btn.png) no-repeat 0 100%; 	color: #5dc5ed;
}

/********************************/
/*  COLBOX
/********************************/

.colbox { background: url(img/bloc_180.png) no-repeat 0 100%; padding-bottom: 10px; zoom:1; margin-top: 20px; }
.colbox .contenu { background: url(img/bloc_180.png) no-repeat 0 0; padding: 0 15px;  }

.colbox h2 { font-size: 14px; position: relative; bottom: 5px; margin-bottom: 5px; }
.colbox h2 span { background: #FFF; padding: 0 5px; }

.colbox a { text-decoration: underline; }


/********************************/
/*   PARTENAIRES
/********************************/

#partners { 
	clear: both;
	background: url(img/partners_bg.png) no-repeat;
	margin: 0 auto 20px auto; 
	width: 960px;
	height: 130px;
	overflow: hidden; 
	zoom: 1; 	 
}

#partners h2.FR { width: 36px; height: 130px; float: left; background: url(img/partners_titre_FR.png) no-repeat; }
#partners h2.GB { width: 36px; height: 130px; float: left; background: url(img/partners_titre_GB.png) no-repeat; }


#partners .contenu { float: left; margin: 10px 0 0 20px;  }

#partners .pics { 
	width: 220px; 
	height: 82px;
	overflow: hidden; 
	float: left;
	text-align: center;
	margin: 0 auto;	
} 

#partners .pics a { 
	width: 120px;
	height: 80px;
	display: block;
	background: #FFF;
	border: 1px solid #C7D8DD;
	text-align: center;
	margin: 0 auto;
	left: 50px !important;
}

#partners a.lien {
	float: left;
	width: 220px;
	font-size: 11px;
	margin-top: 3px;
	text-align: center;
} 



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

#infosalon { 
	width: 920px;
	padding: 10px 20px 15px 20px;
	margin: 0 auto;
	background: url(img/bottom_grad_1.png) no-repeat 0 0 #c9ecf9; 
	color: #3c3c3e;
	overflow: hidden;
	zoom:1; 
}

#infosalon h2 { font-size: 14px; margin-bottom: 10px; color: #FFF; }

#about {  width: 640px; float: left; }
#about a { color: #FFF; font-weight: 700; }
#about a:hover { color: #cddce1; }

#synergie { float: right;   }


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

#plansitebas {
	width: 960px;
	padding: 20px 0;
	margin: 0 auto;
	background: url(img/bottom_grad_2.png) repeat-x 0 0 #23a0cf;
	color: #3c3c3e;
}

#plansitebas td {
	background: url(img/pointilles.gif) repeat-y 0 0;
	padding: 0 30px;
}

#plansitebas td.first { background: none; }



#plansitebas .titre { text-transform: uppercase; font-weight: 700; color: #FFF; margin-bottom: 2px; }
#plansitebas .titre a { color: #FFF; }

#plansitebas .lien { color: #3c3c3e; margin-bottom: 2px; }
#plansitebas .lien a { color: #3c3c3e; }

#plansitebas a:hover { color: #FFF; }


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

#footer { padding: 10px; }

#footer ul { text-align: center; list-style: none;  padding-top: 7px; }
#footer ul li { display: inline;  }
#footer ul li a { color: #647882; }
#footer ul li a:hover { color: #5CC5ED; }

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