/*
couleur bleue	: #009ee0;
couleur grise	: #484c55;
*/

/* RESET CSS */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }
body { height:100%; line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* STYLE GENERAUX */
body{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }
p{ line-height:1.4em; color:#000; }
.inside{ padding:10px; }
h2{ font-size:1.8em; margin-bottom:1em; }
h3{ font-size:1.4em; margin-bottom:0.5em; }
.color{ color:#009ee0; }
a{ color:#009ee0; text-decoration:none; }
a:hover{ color:#484c55; }
hr{ border:0px solid white; border-top:1px solid white; margin:20px; }


/* GABARIT */
#global{ width:1000px; margin:auto; /*background:url(../img/bkg_bleu.png) repeat-y top left;*/ }
#wrapper{ width:100%; background: url(../img/fille2.png) top left no-repeat; min-height:500px; }
#header{ height:40px; border-bottom:2px solid #FFF; }
#contenu{ float:left; margin:60px 0 30px 0; width:620px; }
	#contenu h1{ clear:both; margin:0 0 0 30px; font-size:2em; text-transform:uppercase; color:white; }
.cleaner, .separator{ clear:both; height:1px; }


/* MENU PVP */
#menu_pvp{ width:100%; height:40px; background:#484c55; }
#menu_pvp ul{ background: url(../img/menu_pvp/bck_pvp.png); margin-left:220px; }
#menu_pvp ul li{ float:left; margin:0; }

#expofil a{width:110px;height:40px; background:url(../img/menu_pvp/expofil.png) top left no-repeat; display:block; }
#expofil a:hover{ background:url(../img/menu_pvp/expofil.png) bottom left no-repeat; }

#pv a{width:169px;height:40px; background:url(../img/menu_pvp/pv.png) top left no-repeat; display:block; }
#pv a:hover{ background:url(../img/menu_pvp/pv.png) bottom left no-repeat; }

#cap a{width:172px;height:40px; background:url(../img/menu_pvp/cap.png) top left no-repeat; display:block; }
#cap a:hover{ background:url(../img/menu_pvp/cap.png) bottom left no-repeat; }

#ind a{width:104px;height:40px; background:url(../img/menu_pvp/ind.png) top left no-repeat; display:block; }
#ind a:hover{ background:url(../img/menu_pvp/ind.png) bottom left no-repeat; }

#zoom a{width:80px;height:40px; background:url(../img/menu_pvp/zoom.png) top left no-repeat; display:block; }
#zoom a:hover{ background:url(../img/menu_pvp/zoom.png) bottom left no-repeat; }

#mod a{width:144px;height:40px; background:url(../img/menu_pvp/mod.png) top left no-repeat; display:block; }
#mod a:hover{ background:url(../img/menu_pvp/mod.png) bottom left no-repeat; }


/* MENU GLOBAL =*/
#nav { float:right; width:620px; margin:30px 0 0 0; }
	#navigation1 { height:25px; line-height:25px; padding:0px; width:600px; }
	#navigation2 { float:left; height:20px; width:590px; /*border-top:1px solid white;*/ -moz-border-radius:5px; }

.submenu { position:absolute; display:none; width:170px; z-index:2; background:white; -moz-border-radius:5px; }
#submenuon { float:left; width:590px; height:20px; line-height:20px; font-size:0.9em; background:white; -moz-border-radius:5px; }

#nav #navigation1 .nav1 { float:left; font-size:0.8em; text-decoration:none; text-transform:uppercase; padding:0 5px; color:white; }
#nav #navigation1 .nav1:hover { float:left; text-decoration:none; color:#333; }
#nav #navigation1 .nav1on2 { float:left; font-size:0.8em; text-decoration:none; text-transform:uppercase; padding:0 5px; color:#333; }
#nav #navigation1 .nav1on { float:left; text-decoration:none; text-transform:uppercase; font-size:0.8em; color:#333; padding:0 5px; border-bottom:3px solid white; }
#nav #navigation1 .nav1on:hover { float:left; text-decoration:none; }

#nav #navigation2 .nav2 { display:block; font-size:0.8em; padding:5px; text-decoration:none; text-transform:uppercase; }
#nav #navigation2 .nav2:hover { text-decoration:none; }
#nav #navigation2 .nav2on { font-size:0.8em; padding:5px; text-decoration:none; text-transform:uppercase; color:black; }
#nav #navigation2 .nav2on:hover { text-decoration:none; }
#nav #navigation2 .nav2onon { font-size:0.8em; padding:5px; text-decoration:none; text-transform:uppercase; color:black; }


/* PAGE DE GABARIT*/
#logodatelieu{ float:left; margin:350px 0 0 30px; width:270px; line-height:1em; }
	#logodatelieu .MEV{ float:left; width:; margin:20px 0 0 0; line-height:1.2em; }
#date2 h3{ font-size:1.6em; line-height:1em; font-weight:bold; margin-top:50px; }


/* FOOTER */
#footer{ margin-top:2px; color:#FFF; height:30px; border-top:2px solid #FFF; }
#footer p{ color:#FFF; line-height:30px; }
#copyright{ float:left; background: #484c55; width:220px; text-indent:1em; line-height:40px; }
#newsScroller{ float:left; background: #009ee0; margin-left:2px; width:676px; text-indent:1em; line-height:30px; letter-spacing:1px; }
#langue{ float:left; background: #484c55; width:100px; margin-left:2px; text-align:center; font-size:0.8em; }
#langue a{ color:#FFF; }
#langue a:hover{ color:#009ee0; }


/* CONTENUS */
#content{ background: /*url(../img/filet2.png) top left no-repeat;*/ width:650px; padding:30px 0 0 30px; }
#content a{ color:#009ee0; text-decoration:none; }
#content a:hover{ color:#484c55; }
#content p{ font-family: Helvetica, sans-serif; font-size: 0.9em; line-height: 1.1em; }
#content h1{ clear:both; margin:0 0 0 0px; font-size:2em; text-transform:uppercase; color:#668; }
#content h3{ margin-bottom:1em; }


/*IMAGES*/
.imgleft{ float:left; margin:0px 30px 50px 0px; }
.imgright{ float:right; margin:0px 0px 0px 30px; }


/* SALONS */
#salon{ width:450px; min-height:600px; background:#FFF; }
#fond_logo_salon{ background:#484c55; }
.logosalon{ margin:10px; }
#salon h2{ background:#009ee0; padding:10px; color:#FFF; margin:0; line-height:1em; }
.desc_salon{ padding:10px; background:#FFF; color:#484c55; }
.desc_salon p{ margin-bottom:1.5em; }


/* IMPORT PV */	
.bouton{ height:27px; background:white; line-height:25px; margin:5px; padding:5px; -moz-border-radius:5px; }
.boutonon{ font-size:80%; color:#333; height:27px; padding:5px; border:1px solid #DDD; border-bottom:3px solid white; line-height:25px; }
.button{ font-size:85%; background:red; padding:2px; color:white; line-height:25px; }
.button:hover{ background:#C00; padding:5px; color:white; line-height:25px; }


/* PAGE INCLUDE */	
#encart { color:#000; line-height:1.4em; margin-bottom:15px; }
#centre h2{ color:#009ee0; line-height:1.3em; }


/* PRESENTATION */
#presentation h2{ color:#555; font-size:1.5em; }
#presentation h3{ color:#009EE0; margin: 15px 0 7px 0; line-height:1.1em; }
#presentation h4{ margin:10px 0 5px 0; font-weight:bold; font-size:1.2em; }
#presentation{ }
#presentation p{ margin-bottom:1em; line-height:1.6em; }
#presentation li{ font-size:0.9em; line-height:1.6em; font-style:italic; list-style:outside; margin:0 0 0 15px; }
#presentation .text { float:left; width:255px; padding: 0 10px 0 0; }
#presentation .sub { float: right; }
#liste_info a{ font-size:1.2em; }


/* INFOS PRATIQUES */
#contenu #liste_info{ margin:0 0 20px 0; }
#info_pratique h3{ margin: 15px 0 7px 0; }
#info_pratique h4{ margin:10px 0 5px 0; font-weight:bold; font-size:1.2em; }
#info_pratique{}
#info_pratique p{ margin-bottom:1em; line-height:1.6em; }


/* VISITEZ PARIS */	
#listing{ margin:15px 0 15px 0; }
#paris_presentation p{ margin-bottom:0.8em; line-height:1.4em; }
.list_paris{ margin-bottom:15px; }
.square{ list-style:square; margin-left:15px; }
.square li{ margin-bottom:4px; }
.depli{ color:#242424; font-size:1.2em; margin-bottom:8px; display:block; }
.bold{ font-size:1.1em; font-weight:bold; line-height:1.4em; }
#cityguide p{ line-height:1.4em; }
#cityguide{ padding-bottom:15px; border-bottom:2px solid #66aac9; margin-bottom:20px; }
#cityguide2 p{ line-height:1.4em; }


/* PRESSE */
#presse{ margin: 15px; }
#presse h4{ margin:10px 0 4px 5px; font-size:1.2em; }


/* EXPOSANTS */
#exhibitors h2{ color:#009ee0; }
#planinteractif{ margin:50px 0 0 0; }


/* VISITEZ PARIS */
#events { float:left; width:100%; margin:20px 0 20px 0; }
#events p{ float:left; width:25%; height:90px; background:#DDD; margin:0 10px 10px 0; padding:10px; }


/* PARCOURS MODE */
#fashiontrail .forum{ clear:both; }
#fashiontrail .forum p{ float:left; width:350px; }
#fashiontrail .forum h3{ float:left; clear:both; }
#fashiontrail h3{  clear:both; }
#fashiontrail .forum h4{ clear:both; float:left; width:150px; padding-right:20px; margin:0 20px 80px 0; border-right:1px solid white; }
#fashiontrail p{ line-height:150%; margin-bottom:20px; }
#fashiontrail h2, #fashiontrail h3, #fashiontrail h4{ text-transform:uppercase; margin:30px 0 10px 0; }
#fashiontrail h2{ border-bottom:3px solid #009ee0; color:#009ee0; }
#ft_epa, #ft_ppa, #ft_cap, #ft_ipa, #ft_mod, #ft_zoo{ display:none; }


/* COMMANDEZ VOS PASS */
#blocbadges{ float:left; width:570px; line-height:250%; }
#blocbadges div p{ line-height:130%; }
#blocbusiness{ float:left; width:230px; height:340px; }
#blocbusiness p{ margin:10px 0; }
#advantages{ background:white; padding:10px; z-index:2; line-height:110%; position:absolute; width:230px; margin-top:-10px; }
#blocou{ float:left; width:20px; padding:10px; margin:80px 15px; vertical-align:center; background:white; }
#blocactive{ float:left; width:230px; height:340px; }
#blocnewactive{ float:left; width:570px; border-top:3px solid white; border-bottom:3px solid white; padding:20px 0; }
#blocnewactive h2{ margin:0px; }
#blocinfos{ float:left; width:570px; margin-top:30px; }
#blocinfos h3{ margin:30px 0 10px 0; }
#blocmore{ width:570px; float:left; margin:30px 0 10px 0; }


/* HOMEPAGE */
#homepage{ float:left; width:1000px; height:280px; margin:40px 0 0 0; }

#logo{ float:left; width:400px; margin:0 0 0 220px; }

#bloc_info{ float:left; width:300px; }
#date{ 	margin-bottom:20px; }
#date h3{ font-size:2em; font-weight:bold; margin-bottom:0; }
#register h2{ font-size:2.5em; font-weight:bold; color:#009ee0; margin-bottom:0.3em; }
#businessvision{ margin-bottom:15px; width:85%; background:#484c55; }	
#businessvision p{ color:white; }
#activevision{ background:#009ee0; width:85%; margin-bottom:15px; }
#activevision p{ color:white; }
#plan_interactif{ width:85%; background:#009ee0; }
#plan_interactif a{ font-weight:bold; color:#FFF; }
.cap{ font-variant:small-caps; font-weight:bold; font-size:1.3em; }

.blocbleu, .blocgris, .blocvide{ -moz-border-radius:7px; line-height:20px; padding:10px; margin:0 50px 5px 0; text-transform:uppercase; font-size:90%; overflow:hidden; width:100%; }
.blocbleu{ background:#009ee0; }
.blocbleu:hover{ background:#30cef0; }
.blocbleu a{ color:white; }
.blocgris{ background:#444; }
.blocgris:hover{ background:#EEE; }
.blocgris span{ display:none; width:330px; background:#EEE; padding:10px; text-transform:lowercase; margin:-5px 0 0 -10px; position:absolute; }
.blocgris:hover span{ display:block; }


/* EXPERTS TRAIL */
#expertstrails h2, #expertstrails h3 { line-height:150%; margin:0 0 20px 0; padding:0px; }
#expertstrails p{ line-height:150%; margin:0 0 20px 0; }
#expertstrails .sub{ float:left; }
#expertstrails .sub img{ float:left; margin:0 30px 80px 0; }
#expertstrails .sub p img{ float:right; }
#expertstrails .column{ clear:both; }
#expertstrails .column img{ width:100px; }

/* MOVIE */
#movie h2, #movie h3 { line-height:150%; margin:0 0 20px 0; padding:0px; }
#movie p{ line-height:150%; margin:0 0 20px 0; }
#movie .sub{ float:left; }
#movie .sub img{ float:left; margin:0 30px 80px 0; }
#movie .sub p img{ float:right; }


/* VISITORS */
#visitors h2, #visitors h3 { line-height:150%; margin:0 0 20px 0; padding:0px; }
#visitors p{ line-height:150%; margin:0 0 20px 0; }
#visitors .sub{ float:left; }
#visitors .sub img{ float:left; margin:0 30px 80px 0; }
#visitors .sub p img{ float:right; }