/*  
@Nuno Costa [criacaoweb.net]
@Since [cmsms 1.6]
@Contributors: Mark and Dev-Team
*/
body {
	font: normal 0.813em Arial, Helvetica, sans-serif;
	color: #333;
	background: #F8F7FA url(../../images/mobilis2014/bg-page_int.png) repeat-x scroll left top;
}
#ncleanblue {
	width: auto;
	background: url(../../images/mobilis2014/bg-ncleanblue.png) no-repeat center top;
}

@font-face {
    font-family: 'AgendaRegular';
    src: url('../../fonts/ar-webfont.eot');
    src: url('../../fonts/ar-webfont.eot#iefix') format('embedded-opentype'),
         url('../../fonts/ar-webfont.woff') format('woff'),
         url('../../fonts/ar-webfont.ttf') format('truetype'),
         url('../../fonts/ar-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
.nomargin {margin-bottom:5px}
img.border {border-right:2px solid #B19EC6; border-bottom:2px solid #B19EC6;}
.couleur {color:#83589E}
.notice {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;background:#fff6bf;color:#514721;border-color:#ffd324;}
.notice a {color:#514721;}

/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	/*padding: 0 12px 0 0;*/

}
/* colors for external links */
a.external:link {
	color: #83589E;
	/*background: url(../../images/mobilis2011/external.png) no-repeat 100% -99px;*/
background:#F1EFF6
}
a.external:visited {
	/*color: #666;*/
	background-position: 100% -198px;
}
a.external:hover {
	color: #fff;
	background-position: 100% 2px;
	border-bottom:none;
background:#83589E;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}
.pdf-ico img {padding:0 4px 0 0; vertical-align:middle}
span.pdf {
    color: #999999;
    font-size: 0.917em;
    font-style: italic;
}
/* ------------ Standard  HTML elements and their default settings ------------ */
b, strong{font-weight: bold;}i, em{	font-style: italic;}
p {
	font-size: 1em;
	line-height: 1.461538em;
	margin-bottom: 1.461538em;

}
sup {vertical-align:text-top; font-size:smaller}
table td {padding:2px}
h1, h2, h3, h4, h5 {
	line-height: 1.6em;
	font-weight: normal;
	width: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*default link styles*/
a {
	color: #83589E;
	text-decoration: none;
	text-align: left;
	border-bottom:1px solid #D2ADED;
}

a:active {
	/*color: #333;*/
	position:relative;
	bottom:-1px
}
a:visited {
	/*color: #666;*/
}
a:active, a:hover {
	color: #fff;
	border-bottom:none;
	
}
#main a, .main-main a{background:#F1EFF6;padding:0.12em}
#main a:active, #main a:hover, #left a:active, #left a:hover, .main-main a:hover {background-color: #83589E;}
input, textarea, select {
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
	position: relative;
	z-index: 1;
	border-bottom:1px solid #E7DFEC
}
/* ------------ Header ------------ */
#header {
	height: 187px;
}
#logo {width:428px; height:146px; float:left}
#logo a {
	height: 146px;
	width: 428px;
	display: block;
	text-indent: -9999em;
	margin-top: 0;
	margin-left: 0;
	border-bottom:none
}
#pvf {display: block; text-indent:-9000em; width:235px; height:90px; float:left; border-bottom:none}

#menuTop {float: right; font:bold 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif; width:250px; text-transform:uppercase; padding-top:51px; height:78px}
#menuTop a {color:#fff; display:block; width:89px; float:left; height:58px; text-align:center; padding:10px 18px; background:url(../../images/mobilis2014/arrow-menuTop.png) no-repeat center top; border-bottom:none}
#menuTop li {float:left; width: 125px; padding-top:14px}
#menuTop a:hover {background-position:center 3px; color: rgba(255,255,255,0.9);}

#header .lang {float:right; padding-top:17px}
#header .lang li {float:left;}
#header .lang li a {display:block; float:left; text-indent:-9000em; width:26px; height:19px; background:url(../../images/mobilis2011/flag.png) no-repeat 0 0; border-bottom:none}
#header .lang li.lang_1 {padding-right:10px}
#header .lang li.lang_1 a {background-position:-36px 0}

/* ------------ Content ------------ */
#content {
	text-align: left;
	padding-bottom:50px
}

/* Site Title */


#bar {
	width: auto;
	height: 38px;
	background:url(../../images/mobilis2011/bg-breadcrumbs.png) no-repeat left bottom;
	text-shadow:1px 1px 0 #fff;
	margin-bottom:32px
}
#bar a {color:#9785A1; border-bottom:none}

/* Breadcrumbs */
div.breadcrumbs {
	line-height:38px;
	font-size: 0.846em;
	color:#9785A1;
	padding-left:34px
}
#bar .breadcrumbs a:hover {border-bottom:1px dotted; color:#83589E}
div.breadcrumbs span.lastitem {
	font-weight: bold;
}
#content ul.tools {margin:0}
#content ul.tools li {display:inline; float:left; background:none; padding:0}
ul.tools li a {display:block; float:left; padding:11px 7px;  }
.tools li.print {padding-left:7px}
.tools li.print a {width:25px; height:16px; background:url(../../images/mobilis2011/print.png) no-repeat right center; text-indent:-9000em; padding-right:0;}
/* ------------ Side Bar (Left) ------------ */
#left {
	width: 220px;
}
#content #left ul {margin:0; padding:0}
#content #left ul li {background:none;padding:0;}
#left #submenu { text-align:right; border-right:5px solid #83589E; padding-bottom:20px; margin-bottom:15px}
#left #submenu .titre {font-family: AgendaRegular, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.538em; text-transform:uppercase; color:#83589E; text-align:right; padding:2px 11px 0 0; margin:0 0 3px; letter-spacing:3px}
#content #left #submenu li {padding:3px 0; overflow:hidden}
#left #submenu ul li a {color:#83589E; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-right:17px; float: right; text-align:right; border-bottom:none;}
#left #submenu ul li a.currentpage, #left #submenu ul li a:hover {background-color:#83589E;}
#left #submenu ul li a span {padding: 3px 18px 3px 5px;float:right; display:inline; background: url(../../images/mobilis2011/arrow-submenu.png) no-repeat right -59px;}
#left #submenu ul li a.currentpage span, #left #submenu ul li a:hover span { color:#fff; background-position:right 9px }

#programmeMobilis {margin-bottom:20px}
#programmeMobilis a {background:url(../../images/mobilis2014/encart-programme.png) no-repeat 0 0; width:220px; height:128px; display:block; border-bottom:none; text-indent:-9000em;}
#programmeMobilis a:hover {background-color:transparent;}

.news h3 {font-family:AgendaRegular, "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:4px; font-size:1.538em; color:#83589E; border-bottom:1px solid #E7DFEC; margin:0; padding-bottom:5px}
.news h3 span {color:#000}
.news .newsInner {border-top:1px solid #fff; padding:11px 0}
.NewsSummary {padding: 7px 0}
#main .NewsSummaryLink a, .homeBottom .NewsSummaryLink a, #left .NewsSummaryLink a {background:#83589E; color:#fff; padding:2px; border-bottom:none;  font-weight:bold}
#main .NewsSummaryLink a:hover, .homeBottom .NewsSummaryLink a:hover, #left .NewsSummaryLink a:hover {background:#5c3579; color:#fff}
.NewsSummaryPostdate {color:#666; font-style:italic; font-size:	0.846em}
.NewsSummaryContent {margin:5px 0}
.main-main .NewsSummary {padding:15px 10px; border-bottom:1px solid #E7DFEC; border-top:1px solid #fff;}
.main-main .newsInner .first {border-top:none} 
.main-main .newsInner .last {border-bottom:none} 
.main-main .newsInner .hovered {cursor:pointer; }
.main-main .newsInner .readmore {float:right; background:#83589E url(../../images/mobilis2011/arrow-submenu.png) no-repeat 95% 6px; padding:3px 22px 3px 5px;  color:#fff;}
#NewsPostDetailReturnLink {margin-top:25px;clear:both;  }
#NewsPostDetailReturnLink a {background:#83589E; color:#fff; padding:3px 5px; border-bottom:none; }
#NewsPostDetailReturnLink a:hover {background:#5c3579;}

.social {border-top:1px solid #E7DFEC; border-bottom:1px solid #fff;margin-bottom:30px}
.social .socialInner {border-top:1px solid #fff; border-bottom:1px solid #E7DFEC; padding: 7px 0 12px}
.social p {background:url(../../images/mobilis2011/arrow-submenu.png) no-repeat left -64px; padding-left:18px; margin-bottom:1em}
#content .social ul {margin:0; padding:0}
.social ul li, #content .social li, #content #left .social li {padding:0 9px 0 0; float:left; background:none}
.social ul li.rss {padding-right:0}
.social ul li a {float:left; display:block; text-indent:-9000em; background:url(../../images/mobilis2014/social.png) no-repeat 0 0; width:22px; height:20px; border-bottom:none;}
.social ul li a:hover {background-color: transparent!important;}
.social ul li.linkedin a {background-position:-28px 0}
.social ul li.youtube a {background-position:-58px 0}
.social ul li.flickr a {background-position:-88px 0}
.social ul li.facebook a {background-position:-116px 0}
.social ul li.twitter a {background-position:-144px 0}
.social ul li.delicious a {background-position:-172px 0}
.social ul li.rss a {background-position:-201px 0}
.social ul li.scoopit a {background-position:-230px 0}

.newsletter {background:url(../../images/mobilis2011/bg-newsletter-pageint.png) no-repeat 0 0; overflow:hidden}
.newsletter h3 {font-family:AgendaRegular, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; float:left; font-size:1.615em; letter-spacing:4px; width:99px; text-align:right; line-height:1.2em; padding:3px 0; margin:0}
.newsletter a {border-bottom:none; font-size:	0.923em; color:#000; float:right; width:105px; padding:14px 5px}

/* ------------ Main (Right) ------------ */
#main {
	width: 690px;
}
.main-main {padding-top:35px;}

h2,
h3,
h4,
h5,
h6 {
	color: #83589E;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal
}
h2 {
	font-size: 1.692308em;
	line-height: 120%;
	margin-top: 1.454em;
	margin-bottom: 0.8em;
}
/*.main-main h2:first-child {margin-top:0}
.right h2:first-child, .right h3:first-child {margin-top:0}*/

h3 {
	font-size: 1.384615em;
	line-height: 1em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.153846em;
	line-height: 1.2em;
	margin-top: 1.2em;
	margin-bottom: 0.6em;
	font-weight:bold
}


/*
Template colonne
********************/
.colonne .main-main {width:450px; float:left}
.colonne .right {width:220px; float:right; padding-top:35px}
.right .visuels {padding-bottom:1.8em}
.right .visuels img {max-width:220px; height:auto; display:block; padding-bottom:10px}
.right .texte { border-left:5px solid #83589E; padding-left:7px;}
.right h2, .right h3 {font-size: 1.384615em;margin-top: 1.5em;	margin-bottom: 1em;}


h1.title {
	font-family:AgendaRegular, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:2.154em;
	background:#83589E;
	padding:0 7px;
	letter-spacing:5px;
	line-height:1.2em;
	display:inline;
}
.main-main {
	width: auto;
}

div#content ul,
div#content ol,
div#content dl,
#footer ul,
#footer ol {
	line-height: 1.461538em;
	margin: 0 0 1.461538em 0;
}
div#content ul,
#footer ul {
	list-style: none;
}
#content ul,  {padding-left:16px;}
#content ul li {list-style:none; background:url(../../images/mobilis2011/puceli.png) no-repeat 5px 5px}

div#content ul li,
div#content ol li,
#footer ul li,
#footer ol li {
	padding: 0px 15px 0 15px;
	margin-left: 0;
}
div#content ol {margin:0 0 1.38462em 20px}
div#content ol li {list-style:decimal; padding: 0 2px 5px 0}
/* definition lists topics on bold */
div#content dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#content dl dd {
	margin: 0 0 1em 1em;
}
div#content dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
#content .socialRight li {background-image:none; padding:0 0 5px 0}
/* ------------ Footer ------------ */
#footer-wrapper {
	width: auto;
	margin-right: 00px;
	margin-left: 0px;
	background: #F1EFF6;
	border-top:1px solid #fff;
}
#footer {
	color: #9786A2;
	position:relative
}
#footer a {color:#9785A1; border-bottom:none}
#footer a:hover {color:#83589E}

#footer #top {text-align:center}
#footer #top a {background:url(../../images/mobilis2011/top.png) no-repeat 0 0; width:181px; height:22px; display:block; text-indent:-9000em; border-bottom:none; margin:-11px auto 0; position:relative; z-index:1 }

/* ------------ Partenaires ------------ */
#footer .partenaires {border-bottom:1px solid #E7DFEC; padding:18px 0}
.partenaires ul, #content .listeLogos ul {margin:0; padding:0}
#content .listeLogos {background:#fff; padding:10px 25px; border:1px solid #E7DFEC; box-shadow:0 0 8px #E7DFEC;-moz-box-shadow:0 0 8px #E7DFEC; -webkit-box-shadow:0 0 8px #E7DFEC; text-align:center}
.partenaires p {font-size:1.231em; margin:0; font-family: AgendaRegular, Arial, Helvetica, sans-serif}
.partenaires li, #content .listeLogos li {list-style:none; display:inline;  margin:0; background:none; padding:0}
.partenaires li img, .listeLogos li img {vertical-align:middle; padding:0 10px 10px 0;}


/* ------------ Footer bottom ------------ */
#footer .footer-bottom {border-top:1px solid #fff; overflow:hidden; padding:12px 0; font-size:	0.846em}
#footer .footer-bottom li {display:inline; margin-left:0; padding:0}
#footer #rainbow {display:block; width:60px; height:26px; background:url(../../images/mobilis2011/rainbow.png) no-repeat 0 0; text-indent:-9000em}


/* ------------ END LAYOUT ---------------*/
/* ------------  Menu  ROOT  ------------ */
.page-menu {
	width: auto;
	height: 33px;
	margin: 8px 0 0;
	float:left
}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
	height: 1%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	
}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #000;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	font-size: 1.077em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom:none;
	padding: 5px 12px 0;
}
.page-menu ul#primary-nav li a span {border-bottom:3px solid #fff}
.page-menu ul#primary-nav li:first-child a {padding-left:0}

.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #000;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #000;
}
.page-menu ul#primary-nav li a span {
	
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	
}
.page-menu ul#primary-nav li a {
	
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	border-bottom:3px solid #83589E
}
.page-menu ul#primary-nav li a span {
	
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 180px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 15px;
	background: #83589E url(../../images/mobilis2011/ultop.png) no-repeat center top;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.42);
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.42);
	-o-box-shadow: 3px 3px 2px #rgba(0,0,0,0.42);
	box-shadow: 3px 3px 2px rgba(0,0,0,0.42);
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 180px;
	
	
}
* html #primary-nav .separator {
       z-index:-1;
	   margin: 0px 0px -8px;
	background: url(http://www.mobilisconference.com/images/mobilis2011/ulbtm.png) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 7px 10px 7px 23px;
	width: 147px;
	margin: 0;
	background-image: none;
	color:#fff;
	font-size:	0.929em;
	border-bottom:1px solid #5C3579;
	border-top:1px solid #B695C8;
	background:url(../../images/mobilis2011/arrow-menu.png) no-repeat 10px -51px;
	line-height:1.2em
}
.page-menu ul#primary-nav li li:first-child a {padding-left:23px; border-top:none;}
.page-menu ul#primary-nav li li:nth-last-child(-n+2) a {border-bottom:none}
.page-menu ul#primary-nav li li a span {border-bottom:none}
.page-menu ul#primary-nav li li a.menuactive span,
.page-menu ul#primary-nav li li a:hover span,
.page-menu ul#primary-nav li li a:focus span,
.page-menu ul#primary-nav li li a:active span {
	border-bottom:none;
	background-color:none;
}


* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
}
#primary-nav li li a:hover {
	background-color: #5C3579;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #5C3579;
	background-position:10px 10px
}
.page-menu ul#primary-nav li li a.menuactive, 
.page-menu ul#primary-nav li li a:hover span {
	color:#fff
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(http://www.mobilisconference.com/uploads/Mobilis_2011/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/
/* ------------ News Module ------------ */
#news {
	padding: 10px;
}
.NewsSummary {
}
.NewsSummaryLink {
	margin: 2px 0;
	line-height: 1.2em;
}
.NewsSummaryMorelink {
	margin: 5px 0 15px;
}
#NewsPostDetailTitle {margin:0}
#NewsPostDetailDate {color:#666; font-style:italic; font-size:0.846em; margin-bottom:20px; display:block}
/* ------------ End News Module ------------ */





/*
Accueil
******************/
body.home {background-image:url(../../images/mobilis2014/bg-top-home.png);}
.home #ncleanblue {background-image:url(../../images/mobilis2014/bg-ncleanblue-home.png);}
.home .slider {padding-top:15px; height:280px; overflow:hidden} 

/* ---------- Slider --------------*/
#featured { 
	width: 690px;
	height: 250px;
	background: url(../../images/orbit/loading.gif) no-repeat center center;
	overflow: hidden; 
	right:0;
	top:0
}
#featured>img,  
#featured>div,
#featured>a { display: none; }

div.orbit-wrapper {
    width: 940px;
    height: 270px;
    position: relative; 
}

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 9px;
    right: 0;
    display: none; 
	border:1px solid #83589E
}

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
	
	/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(../../images/orbit/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(../../images/orbit/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../images/orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(../../images/orbit/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    z-index: 1000;
    color: #fff;
	padding: 12px;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 0;
    width: 234px;
	height:246px;
	background:url(../../images/mobilis2011/bg-slider-caption.png) no-repeat 0 0;
}


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(../../images/orbit/right-arrow.png);
    right: 0; }

div.slider-nav span.left {
    background: url(../../images/orbit/left-arrow.png);
    left: 0; }

/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: 20px;
    left: 265px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../../images/orbit/bullets.png) no-repeat -12px 0;
    width: 12px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    background-position: 0 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }
	
/*.home .slider h1 { color:#fff; display:inline;  background:#533069; line-height:1.2em}
.home .slider h1 span {margin:2px 5px}*/

div.titre { padding: 1px 0; border-left: 20px solid #533069; display:inline-block;  }
.home .slider h1 { background-color: #533069; color: #fff; display: inline; margin: 0; line-height: 1.2em;font-size:	1.692em; font-family: AgendaRegular, "Trebuchet MS", Arial, Helvetica, sans-serif; padding:1px 0}
.home .slider h1 span { position: relative; left:-10px; }
.home .slider .contenu {padding:10px 0 28px}
.home .slider .morelink {background:#533069; padding: 8px; border-bottom:none; color:#fff; text-transform:uppercase}

.homeTop {padding:20px 0 43px; border-bottom:1px solid #E7DFEC}
.home .main-main {float:left; /*width:452px;*/ width:710px; padding:0 }
.home .main-main #programmeMobilis {float:right; padding-left:15px}
.home .medias {float:right; width:165px; border:1px solid #E1D8E9; padding:15px 15px 5px; background:#F1EFF6}
.home h1.title {color:#999; background:none; font-size:2em; margin:0; padding:0; letter-spacing:0; line-height:1em;}
.home .sstitre {font-size:2em; margin-top:0; font-family:AgendaRegular, "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:4px; line-height:1em;}
.home .sstitre span {color:#000}

.home .medias .titre {text-transform:uppercase; font-family:AgendaRegular, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#83589E; font-size:1.308em; padding-right:30px; line-height:1.1em; background:url(../../images/mobilis2011/arrow.png) no-repeat 0 3px; display:inline; padding-left:19px; }
.home .medias .titre a {border-bottom:none; color:#83589e}

.home #content .medias ul {margin-top: 15px;}
.home #content .medias ul li {padding-bottom: 10px}
.home .medias ul li a:hover {background-color: #83589E;}
.home_fr .medias {margin-top: 275px}



.homeBottom {border-top:1px solid #fff; padding-top:38px}
.homeBottom .news {padding:0 0 20px 30px; border-bottom:1px solid #E7DFEC}
.homeBottom .news .core-float-left, .homeBottom .news .core-float-right {width:447px}
.homeBottom .news h3 {border-bottom:none}
.homeBottom .news .newsInner {border-top:none}

.homeBottom .contact-social {border-top:1px solid #fff; padding:30px 0 0}
.homeBottom .newsletter, #main .newsletter {background-image:url(../../images/mobilis2011/bg-newsletter-home.png); float:left; width:411px; font-size:	0.923em}
.homeBottom .newsletter div.input, #main .newsletter div.input {position:relative; float:left; width:215px}
.homeBottom .newsletter form, #main .newsletter form {padding:13px 0; width:290px; float:right}
.homeBottom .newsletter input, #main .newsletter input {background:#fff; border:1px solid #E1D8E9; width:195px; color:#666; padding:6px 10px; }
.homeBottom .newsletter label, #main .newsletter label {padding:6px 10px;color:#666;font-style:italic }
.homeBottom .newsletter .submit, #main .newsletter .submit {float:right; width:65px; padding-right:4px}
.homeBottom .newsletter .submit input, #main .newsletter .submit input {background: none; border:none; text-transform:uppercase; color:#000; width:65px; text-align:center; cursor:pointer; font-family:AgendaRegular,"Trebuchet MS",Arial,Helvetica,sans-serif}
.homeBottom .social {float:right; width:410px; padding-right:40px; border:none}
.homeBottom .social .socialInner {border:none}
.homeBottom .social p {float: left; padding-right:25px; line-height:150%; background-position:0 -63px}
#main .newsletter {float:none; margin:0 auto 25px}
#main .newsletter .submit {padding-left:0; margin:0}
#main .newsletter .submit input {letter-spacing:0; font-size:1em}



/* ---------- Intervenants --------------*/
.intervenants {position:relative; padding-left:30px; float:left; width:228px;}
.intervenants h2 {background:url(../../images/mobilis2011/intervenants.png) no-repeat 0 0; width:14px; height:185px; position: absolute; left:0; top:0; text-indent:-9000em; margin:0; padding:0}
#content .intervenants ul {margin:0; padding:0}
.intervenants li, #content .intervenants li {float:left; width:90px; background:none; padding:0 0 15px; margin:0}
#content .intervenants li.item_1 {padding-right:15px; clear:left;}
.intervenants a {border-bottom:none}
.intervenants a img {display:block}
.intervenants .infosIntervenant {background:#000; padding:7px 3px; height:103px }
.intervenants .infosIntervenant a {color:#fff; font-size:1.077em}
.intervenants .infosIntervenant a span {color: #ccc; font-size:0.786em; display:block; padding:6px 0; line-height:120%}

#content .listeIntervenants {margin:0; padding:0; overflow:hidden}
#content .listeIntervenants li.intervenant {margin:0; padding:0; background:none;  padding:35px 0;  width:50%}
#content .listeIntervenants li.intervenant:first-child {border-top:none}
#content .listeIntervenants li.intervenant:last-child {border-bottom:none}
.listeIntervenants a {border-bottom:none}
.listeIntervenants .photo {float:left; width:125px}
.listeIntervenants .photo img {padding:5px; background: #E6E5EC; border:1px solid #DAD5E6}
.listeIntervenants .infosIntervenant {float:right; width:565px}
ul.listeIntervenants .infosIntervenant {width:205px; padding-right:15px}
.listeIntervenants .item_1 {float:left;}
#main .listeIntervenants .sep {clear:both; display:block; width:100%; height:0; border-top:1px solid #E7DFEC; border-bottom:1px solid #fff; padding:0; margin:0}
.listeIntervenants .item_2 {float:right}
.listeIntervenants h2 {margin:0 0 5px }
#main .listeIntervenants h2 a {color:#83589E; background:none; padding:0}
.listeIntervenants h3 {margin:0;  color:#333; display:inline; font-size:1.230769em; font-weight:bold}
#main .listeIntervenants h3 a {color:#fff; border-bottom:none; padding:1px 3px; background:#83589E;}
#main .listeIntervenants h3 a:hover, #main .listeIntervenants h2 a:hover {background:#83589E; color:#fff}
.listeIntervenants .texte {padding-top:15px}
.infosIntervenant .siteweb {background:url(../../images/mobilis2011/link.png) no-repeat 0 5px ; font-weight:bold; padding-left:25px; font-size:	0.923em; margin-top:8px;}
#main .infosIntervenant .siteweb a {background: none}
#main .infosIntervenant .siteweb a:hover {border-bottom:none; background:#83589E}


/* ---------- Conférences --------------*/
#content .conferences {margin:0; padding:0}
#content .conferences li.conference, .conference {margin:0; padding:0;border-bottom:1px solid #E7DFEC; border-top:1px solid #fff;padding:17px 0 18px 119px; position:relative; background:none}
.conference {border-top:none; border-bottom:none}
#content .conferences li.conference:first-child {border-top:none}
#content .conferences li.conference:last-child {border-bottom:none}
.conferences li.conference .time, .conference .time {background:#83589E; color:#fff; padding:1px 3px; position:absolute; left:5px; top:18px;}
.conferences h3, .conference h2 {margin:0 0 8px; font-size:1.538em}
#main .conferences h3 a, #main .conferences h3 a:visited, #main .conference h2 a, #main .conference h2 a:visited {border-bottom:none; color:#83589E; background:none; padding:0}
#main .conferences h3 a:hover, #main .conferences h2 a:hover {}
.conferences .desc, .conference .desc {padding:0 0 8px}
.conferences .intervenantsConf, .conference .intervenantsConf {padding-left:10px; border-left:3px solid #83589E}

/* ---------- Experts/modérateurs --------------*/
.nom-intervenant {color: #83589e; font-size:20px;margin-bottom: 0;font-weight: bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.societe-intervenant {font-size: 16px;font-weight: bold;}
table img {vertical-align: top;}

#content ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #E7DFEC;
	border-left: 1px solid #E7DFEC;
	width: 100%;
}
#content ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #E7DFEC;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #F1EFF6;
}
#content ul.tabs li a {
	text-decoration: none;
	color: #AFA1BA;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	background: none;
}
#content ul.tabs li a:hover {
	background: #83589E;
	color:#fff;
	border: 1px solid #83589E;
}
html #content ul.tabs li.active, html #content ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #F8F7FA;
	border-bottom: 1px solid #F8F7FA; /*--Makes the active tab look like it's connected with its content--*/
}
html #content ul.tabs li.active a {color:#83589E;}
html #content ul.tabs li.active a:hover  {border:1px solid #F8F7FA; border-bottom:none}
.tab_container {
	border: 1px solid #E7DFEC;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	margin-bottom:35px
}
.tab_content {
	padding: 20px;
	background:#F8F7FA
}



/*----------------- Logos défilant accueil ------------------*/
.homeTop .partenaires p {padding-bottom:5px; color:#9786A2}
#content .homeTop .listeLogos {margin-bottom:25px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;width: 940px;	height: 110px;	position: relative; overflow:hidden; padding:10px 0}
#content .homeTop .listeLogos ul {height:110px; overflow:hidden; width:940px;}
#content .homeTop .listeLogos div.scrollableArea li{padding: 0 	10px; height:110px; }
/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}



/*----------------- IFRAME Inscription ------------------*/
.viewTypeIframe, .viewTypePopup, .viewTypeTsu, iframe {background:#F8F7FA}


/*----------------- Version EN ------------------*/
.page_en #programmeMobilis a {background-image:url(../../images/mobilis2014/en-encart-programme.png);}
.page_en #footer #top a {background-image:url(../../images/mobilis2011/en-top.png)}
.page_en .intervenants h2 {background-image:url(../../images/mobilis2011/en-intervenants.png)}
.page_en #ncleanblue {background-image:url(../../images/mobilis2014/en-bg-ncleanblue.png)}
.home_en #ncleanblue {background-image:url(../../images/mobilis2014/en-bg-ncleanblue-home.png)}