@import "plugins/sten-padding/screen.css";
@import "plugins/form/screen.css";

body				{ color:#777; font-size:15px;}

.container			{ position:relative;}

#header				{ height:150px;}
#header h1			{ width:321px; height:96px; margin:15px 0 0; padding:0; position:absolute;}
#header h1 a		{ display:block; width:100%; height:100%; text-indent:-200em; background:url(../images/layout/mostra-logo.gif) no-repeat top left;}

#language-switch	{ position:absolute; top:15px; right:0; margin:0; padding:0; list-style:none; font-size:11px; color:#e61e27;}

#navigation			{ background:url(../images/layout/bg-navigation.gif) repeat-x top left;}
#navigation .container			{ background:url(../images/layout/bg-navigation-bar.gif) no-repeat bottom left;}
#menu				{ margin:0; padding:0; list-style:none;}
#menu li			{ float:left; background:url(../images/layout/bg-navigation-sep.gif) no-repeat bottom right;}
#menu li:last-child	{ background:none;}
#menu li a			{ display:block; width:135px; line-height:33px; /*text-align:center;*/ text-indent:-200em; background:url(../images/layout/bg-navigation-btn.gif) no-repeat;}

/* navigation menu ENGLISH */
#menu li #home		{ background-position:0 0;}
#menu li #we-are	{ background-position:-135px 0;}
#menu li #we-do		{ background-position:-270px 0;}
#menu li #we-did	{ background-position:-405px 0;}
#menu li #we-network{ background-position:-540px 0;}
#menu li #we-need	{ background-position:-675px 0;}
#menu li #you-need	{ background-position:-810px 0;}

#menu li #home:hover,#menu li.current #home		{ background-position:0 -33px;}
#menu li #we-are:hover,#menu li.current #we-are		{ background-position:-135px -33px;}
#menu li #we-do:hover,#menu li.current #we-do		{ background-position:-270px -33px;}
#menu li #we-did:hover,#menu li.current #we-did		{ background-position:-405px -33px;}
#menu li #we-network:hover,#menu li.current #we-network	{ background-position:-540px -33px;}
#menu li #we-need:hover,#menu li.current #we-need		{ background-position:-675px -33px;}
#menu li #you-need:hover,#menu li.current #you-need	{ background-position:-810px -33px;}

/* navigation menu FRENCH */
#menu li #accueil			{ background-position:0 -66px;}
#menu li #presentation		{ background-position:-135px -66px;}
#menu li #services		{ background-position:-270px -66px;}
#menu li #campagnes		{ background-position:-405px -66px;}
#menu li #reseau		{ background-position:-540px -66px;}
#menu li #carrieres			{ background-position:-675px -66px;}
#menu li #contact			{ background-position:-810px -66px;}

#menu li #accueil:hover,#menu li.current #accueil				{ background-position:0 bottom;}
#menu li #presentation:hover,#menu li.current #presentation		{ background-position:-135px bottom;}
#menu li #services:hover,#menu li.current #nos-services		{ background-position:-270px bottom;}
#menu li #campagnes:hover,#menu li.current #nos-campagnes	{ background-position:-405px bottom;}
#menu li #reseau:hover,#menu li.current #notre-reseau		{ background-position:-540px bottom;}
#menu li #carrieres:hover,#menu li.current #carrieres			{ background-position:-675px bottom;}
#menu li #contact:hover,#menu li.current #contact				{ background-position:-810px bottom;}

.menu-tips			{ color: #fff; width:140px; height:40px; z-index: 13000; background:url(../images/layout/bubble-tips.png) no-repeat top left;}
.tip-top		{}
.tip-bottom		{}
.tip-title		{ font-size:12px; margin:0; color:#555; padding:5px; line-height:30px; text-align:center;}
.tip-title span	{ color:#f00; font-weight:bold;}
.tip-text		{ display:none; font-size:11px; padding: 4px 8px 8px;}

#content-about-us-team,#content-presentation-equipe
								{ padding:0 0 250px; background:url(../images/about-us/team.jpg) no-repeat bottom center;}
#content-about-us-expertise,#content-presentation-expertise
								{ padding:0 0 250px; background:url(../images/about-us/expertise.jpg) no-repeat bottom center;}
#content-about-us-clients,#content-presentation-clients
								{ padding:0 0 250px; background:url(../images/about-us/clients.jpg) no-repeat bottom center;}
#content-about-us-facts-figures,#content-presentation-faits-chiffres
								{ padding:0 0 220px; background:url(../images/about-us/facts-figures.jpg) no-repeat bottom center;}
#content-about-us-equipment,#content-presentation-equipements
								{ padding:0 0 220px; background:url(../images/about-us/equipment.jpg) no-repeat bottom right;}
#content-about-us-newsletter #widecols,#content-presentation-newsletter #widecols
								{ height:400px; background:url(../images/about-us/newsletter.jpg) no-repeat top right;}
#content-news,#content-actualites,#content-news-archives,#content-actualites-archives
								{ padding:0 0 300px; background:url(../images/news/bg-news.jpg) no-repeat bottom left;}
#content-jobs,#content-carrieres
								{ padding:0 0 230px; background:url(../images/jobs/bg-jobs.jpg) no-repeat bottom right;}

a,a:link,a:visited	{ outline:none; color:#e61e27;}
a:hover				{ text-decoration:none; color:#e61e27;}
ul					{ list-style-type:circle;}
h1, h2, h3, h4, h5, h6
					{ color:#454545;}
h2					{ font-size:1.5em;}
h3					{ font-size:1.2em;}

.arrow-link			{ padding:0 0 0 12px; font-size:12px !important; background:url(../images/layout/arrow-link.gif) no-repeat 2px center;}
.arrow-link-down	{ padding:0 0 0 12px; font-size:12px !important; background:url(../images/layout/arrow-link-down.gif) no-repeat left 4px;}
a.readmore			{ float:right;}
.pdfbox5				{ background:url(../images/layout/partner-banner-en.gif) no-repeat center left;}
.pdfbox4				{ background:url(../images/layout/partner-banner-fr.gif) no-repeat center left;}
.pdfbox3				{ background:url(../images/layout/nutshell-banner-fr.gif) no-repeat center left;}
.pdfbox2				{ background:url(../images/layout/nutshell-banner-en.gif) no-repeat center left;}
.pdfbox5 a			{ display:inline-block; padding:35px 0 35px 235px; background-position:80px center;}
.pdfbox4 a			{ display:inline-block; padding:35px 0 35px 260px; background-position:80px center;}
.pdfbox3 a			{ display:inline-block; padding:35px 0 35px 260px; background-position:80px center;}
.pdfbox2 a			{ display:inline-block; padding:35px 0 35px 260px; background-position:80px center;}
.red				{ color:#e61e27;}


#sidebar			{ padding-top:20px; padding-bottom:50px; text-align:right; background:url(../images/layout/colseparator.gif) no-repeat bottom right;}
#sidebar h2			{ color:#e61e27; border-bottom:1px solid #f0f0f0;}
#sidebar h3			{ color:#666; margin:0; padding:0;}
#sidebar ul			{ margin:0 0 20px; padding:0; list-style:none;}
#sidebar ul li		{ padding:3px 0; line-height:normal; overflow:hidden;}
#sidebar ul li a		{ font-size:14px; color:#777; text-decoration:none;}
#sidebar ul li a:hover	{ color:#e61e27;}

#sidebar .titlearchive							{ display:block; margin:0 0 10px; color:#e61e27;}
#sidebar h3.acstart								{ margin:0 0 10px; }
#sidebar ul.sidebar-news li						{ margin:0; padding:5px 0; border-bottom: 1px solid #ececec;}
#sidebar ul.sidebar-news						{ margin:0 0 10px; padding:0;}
#sidebar ul.sidebar-news li a					{}
#sidebar ul.sidebar-news li a .news-title		{ display:block; float:left; width:180px;}
#sidebar ul.sidebar-news li a .news-date		{ display:block; float:right; padding:0 5px; font-size:11px; line-height:18px; color:#fff; background:#ccc; border-radius:5px 0 5px 0; -moz-border-radius:5px 0 5px 0; -webkit-border-radius:5px 0 5px 0;}
#sidebar ul.sidebar-news li a:hover .news-date	{ background:#e61e27;}

#sidebar ul .hook *,
#sidebar ul.sidebar-news li.news-hook *				{ color:#000;}
#sidebar ul.sidebar-news li.news-hook .news-date	{ background:#333;}

#content-news #widecols h2,
#content-news-archives #widecols h2,		
#content-actualites #widecols h2,
#content-actualites-archives #widecols h2				{ margin:0; padding:0; }

#content-news #widecols .news-meta,
#content-news-archives #widecols .news-meta,
#content-actualites #widecols .news-meta,
#content-actualites-archives #widecols .news-meta 		{ margin:0 0 1.5em; font-size:11px; color:#aaa;}


#widecols			{ padding-top:20px; float:right;}

.banner							{ position:relative; background:url(../images/layout/banner-grad-footer.gif) no-repeat bottom left;}
.banner h2						{ padding-top:20px; padding-bottom:0; margin-bottom:0;}
.banner .ban-content			{ background:url(../images/layout/banner-grad-header.gif) no-repeat top left;}
#banner-homepage				{ height:300px; text-indent:-200em; background:url(../images/home/temp-homebanner.jpg) no-repeat center center;}
#banner-wedo .ban-content		{ min-height:300px;}
#banner-portfolio .ban-content	{ padding:0 0 0;}
#banner-portfolio h2			{ margin-left:40px;}
#banner-partners .ban-content	{ min-height:370px;}

* html #banner-wedo .ban-content		{ height:300px;}
* html #banner-portfolio .ban-content	{ height:550px;}
* html #banner-partners .ban-content	{ height:370px;}

/* news home list */
#newslist			{ padding:0 20px 20px 20px; background:url(../images/layout/bg-box.gif) no-repeat bottom left;}
#news-area			{ width:100%; margin:0; padding:0; position:relative; height:150px; overflow:hidden;}
#news-content
					{ margin:0; padding:0; position:absolute; left:0;}
.news-item			{ margin:0; padding:0; height:150px;}
.news-item h3		{ margin:0; padding:0; font-size:12px;}
.news-item a		{ display:block; line-height:49px; margin:0; padding:0; border-top:1px solid #e9e9e9; text-decoration:none; color:#777;}
.news-item a:visited{ color:#777;}


.item-project		{ min-height:200px;}
.item-project img	{ float:left; margin:0 10px 10px 0;}
.item-project p		{ margin:0; padding:0; width:120px; float:left; font-size:11px;}

.job-subtitle		{ color:#aaa;}

/* network */
.sidebar-links		{ margin:0; padding:0; list-style:none; text-align:left;}
.sidebar-links li	{ margin:0; padding:0;}
.sidebar-links a	{ color:#e61e27 !important;}
#partners-logo-proi	{ display:block; width:100%; line-height:60px; text-indent:-200em; background:url(../images/partners/logo-proi.gif) no-repeat top left;}
.country			{ font-size:14px;}
.restcountry		{ font-size:12px;}
.agency				{ font-size:12px;}

/* newsletter */
.newsletters-list		{ margin:0 0 20px; padding:0; list-style:none;}
.newsletters-list li	{}
.newsletters-list li a	{ line-height:25px;}

/* footer */
#footer				{ color:#888; line-height:22px; font-size:11px; background:url(../images/layout/bg-footer.gif) repeat-x top left; overflow:hidden;}
#footer .container	{ padding:20px 0;}
#footer a			{ color:#222; text-decoration:none;}
#footer a:hover		{ color:#e61e27;}
#footer ul			{ margin:0; padding:0; list-style:none;}
#footer ul li		{}
#footer ul li.current a
					{ color:#e61e27;}
.footer-links a span	{ color:#888;}
a#rss-news-feeds,a#rss-mostra-news
					{ padding:0 0 0 15px; background:url(../images/layout/ico-rss.gif) no-repeat center left;}

#sponsors			{ position:relative; float:right; height:130px;}
#sponsors ul		{ position:absolute; bottom:0;}
#logo-proi-footer		{ float:left; width:127px; height:55px; margin:0 8px 0 0;}
#logo-proi-footer a		{ display:block; width:100%; height:100%; text-indent:-200em; background:url(../images/layout/logo-proi.gif) no-repeat bottom left;}
#logo-mostra-footer		{ float:left; width:55px; height:55px;}
#logo-mostra-footer a	{ display:block; width:100%; height:100%; text-indent:-200em; background:url(../images/layout/logo-mostra-footer.gif) no-repeat top left;}
#logo-tvlink-footer		{ float:left; width:127px; height:55px;}
#logo-tvlink-footer a	{ display:block; width:120%; height:100%; margin-left:15px; text-indent:-200em; background:url(../images/layout/logo-tvlink-footer.gif) no-repeat bottom left;}

/* jobs */
#job-form				{ margin:0; padding:20px 0 0 10px; width:580px; background:url(../images/layout/bg-jobform.gif) no-repeat top center;}
#job-form label			{ display:block; width:285px; float:left; font-weight:normal; margin:0 5px 5px 0; padding:0;}
#job-form .label		{ display:block; width:285px; float:left; font-weight:normal; margin:0 5px 5px 0; padding:0;}
#job-form label strong	{ color:#e61e27;}
#job-form label input	{ display:block; width:255px; padding:3px; border:1px solid #ccc;}
#job-form label textarea{ display:block; width:552px; height:auto; padding:3px; border:1px solid #ccc;}
#job-form label img		{ float:left;}
#user_code				{ float:left;}
#job-form .up-file		{ display:block; width:255px; padding:0; overflow:hidden;}
#job-form .full-label	{ display:block; width:552px;}
#job-form #user_code	{ width:100px; float:left; margin-right:10px;}
#job-form #captcha		{ float:left;}

/* contact us */
#map					{}
#map h3					{ margin:0 0 5px !important; padding:0; font-size:12px;}
.info					{ color:#999; font-size:11px;}
.addrform				{ margin:0; padding:5px 0; border-top:1px solid #f0f0f0; overflow:hidden;}
.addrform label			{ font-size:11px; float:left;}
.addrform input			{ display:block; width:156px; color:#666; padding:3px;}
#addrbutton				{ margin:0 0 0 10px;}
#addrbutton,#addrbutton *
						{ height:25px; line-height:25px; background:#aaa;}

#contactform			{ margin:0 0 50px; overflow:hidden;}
#contactform label		{ display:block; margin:0 0 10px; font-size:11px;}
#contactform input		{ display:block; width:260px; padding:3px; border:1px solid #ccc;}
#contactform textarea	{ display:block; width:262px; padding:3px; height:85px; border-color:#ccc; font:12px Arial, Helvetica, sans-serif;}
#contactform #user_code	{ width:100px; float:left; margin-right:10px;}
#contactform #captcha	{ float:left;}
#contactform button,#contactform button *
						{ height:25px; line-height:25px; background:#aaa;}

.mail-contact			{ color:#999 !important;}
.info-contact			{ padding:15px 0; font-size:11px; border-top:1px solid #ccc;}

.alignright 				{ text-align: right; padding: 0 5px; }
.linkright 				{ float: right; }
.nopadbot				{ padding-bottom: 0; margin-bottom: 0; }