/*
* Content stylesheet
* Contains all declarations for the pages of the website.
*
* 
* SUMMARY :

- Home
+ About us
	- history
	- at a glance
	- publicis
	- vision
	- team
	- clients
	- careers
	- events
+ offer
	- strategic consultancy
+ objectives
	- showcases
	- case studies
+ press
	- news listings
	- read a news
- banners
+ Others pages
	- Contact
	- Sitemap 
	- Help
  

***********************************************************************************************	
* Home
**********************************************************************************************/

	#home #homeAnimation {
		padding-bottom:16px; /*18px is video player is enabled*/
		background:url(../img/background/homeAnimation_Background.png) no-repeat bottom center;
	}
	#home #homeAnimation #caseStudyCaroussel {
		float:left; width:596px; margin-right:14px;
	}
	.ie6 #home #homeAnimation #caseStudyCaroussel { margin-right: 7px; }
	
	#homeMsg {
		margin-left:32px;
	}
	#home .contentRight { padding-top:0; }
		
		/* We removed the video player and the clients wall in order to move up the news listing on home page */
		/* This CSS declaration will crush the last declaration */
		#home #homeAnimation {
			background:url(../img/background/homeAnimation_Background.png) no-repeat bottom left;
			width:596px;
		}
		
	.carousselLitehome li a {
		display:block; height:32px; padding:15px 0 0 50px; 
		background:url(../img/pictos/puce.png) no-repeat center left; border-bottom:solid #C8C8C8 1px; text-decoration:none;
	}
	.carousselLitehome li a:hover,
	.carousselLitehome li a:focus {
		text-decoration:none; 
		background:url(../img/background/carousselLite_hover.png) no-repeat center left; color:black; font-weight:bold;
	}

/***********************************************************************************************	
* Section 'About us'
**********************************************************************************************/

/*
* Page History (about-us/history.php)
*/
	#history  {
		background:url(../medias/about/logo_pv.jpg) no-repeat 600px 35px; 
	}

/*
* Page At-a-glance (about-us/at-a-glance.php)
*/
	#at-a-glance {
		background:url(../medias/about/logo_pv.jpg) no-repeat 600px 35px;
	}
	#at-a-glance p {
		margin-bottom:1.5em;
	}

/*
* Page Publicis (about-us/publicis.php)
*/
	#publicis p {
		margin-bottom:1.5em;
	}

/*
* Page Vision (about-us/vision.php)
*/
	#vision {
		background:url(../medias/about/logo_pv.jpg) no-repeat 600px 35px;
	}

/*
* Page Team (about-us/team.php)
*/
	.name{ font-weight:bold; color:#fe4e00; }

/*
* Page Clients.php
*/
	#clients ul li { float:left; margin-right:20px; }
	.ie6 #clients ul li { margin-right:15px; }

/*
* Careers
*/
	#careers .tabs { margin-bottom:20px; }
	#listingOffer { clear:both; width:100%; }
	#careers .banner { height:118px; }
	#careers #disclaimer {
		padding-top:5px; clear:both; margin-top:5px;
		font-size:0.8em; color:#ccc; border-top:solid 1px #eee; 
	}
	#careers #disclaimer a { color:#ccc; }
	#careers #disclaimer a:hover,
	#careers #disclaimer a:focus { color:#aaa; }
	#careers .descElt { font-weight:bold; color:#333; text-decoration:none; }
	
	/* Careers - area select */
	#careersMap { width:750px; margin-left:83px; }
	#careersMap a { float:left; }


	/* Offers listing and details */
	.jobOffer {
		float:left; width:100%; 
		background:url(../img/pictos/puce_listing.png) no-repeat top left;
	}
	.jobOfferTitle { margin-bottom:5px; }
	.jobOfferContent {
		margin-bottom:30px; display:none; 
		background:url(../img/background/background_gradient.png) repeat-x 1px 0; border:solid #E6E6E6 1px; border-left:solid #E6E6E6 3px; font-size:0.8em; 
	}
	.jobOffer h3 {
		display:inline; padding-left:25px;
	}
	.jobOffer h3 a {
		font-weight:bold; color:black;
	}
	.jobOffer p {
		text-align:justify; padding:0 5px;
	}
	.jobOffer .offerPlace {
		font-size:0.9em;
	}	
	.jobOffer .offerMail {
		text-align:left; padding:0 5px; margin:0;
		background:url(../img/background/news_Background.png) repeat-x; font-weight:bold;
	}
	.jobOffer .offerMail a {
		font-weight:bold; 
	}
	.jobOffer .offerPoints {
		display:block; margin:5px 0; padding:0 5px; 
		text-decoration:underline;
	}
	.jobOffer ul {
		list-style-position:inside; padding:0 5px; 
		list-style-type:square;
	}


/***********************************************************************************************	
* Section 'Our offer'
**********************************************************************************************/

/*
* Page Strategic consultancy
*/
	#strategic-consultancy p {
		margin-bottom:1.5em;
	}


/***********************************************************************************************	
* Section 'Your objectives'
**********************************************************************************************/

/*
* Structure for showcases (Pages objectives, case studies...)
*/
	.showcase #phone {
		margin:0 10px 0 10px; width:239; height:389;
	}
	.showcase .carousselLite {
		margin-top:30px;
	}
	.showcase .textCase {
		margin-top:30px;	
	}

/*
* Case studies (objectives/case-studies.php)
*/
	.opera #case-studies .blockContainer { width:313px; margin:0; padding:0; }


/***********************************************************************************************	
* Section 'Press'
**********************************************************************************************/

/*
* News listings (on homepage or press section)
*/
	#latestNews {
		background:url(../img/background/news_Background.png) repeat-x 0 27px; float:left;
	}
	ul.listingNews {}
	ul.listingNews li {
		clear:both; float:left; width:100%;
	}
	ul.listingNews .newsContainer {
		margin:15px 15px 0 15px;
	}
	ul.listingNews .newsLeft {
		float:left; margin-right:15px;	width:84px; overflow:hidden;
	}
	ul.listingNews .newsLeft p {
		text-transform:uppercase; text-align:right; 
		font-weight:bold; font-size: 11px; 
	}
	ul.listingNews .newsLeft p span {
		color:#fe4e00; font-weight:bold; 
	}
	ul.listingNews .newsRight h3 a {
		font-size:12px; color:#fe4e00; font-weight:bold;
	} 
	ul.listingNews .newsRight p {
		line-height:1em;
	}
	ul.listingNews .newsRight p a {
		font-size:12px; text-align:justify; font-weight:normal; color:#666; text-decoration:none;
	}

	/* tag specific for the news listing (all-news.php) */
	ul.listingNews .newsTag img {
		margin:2px 5px 0 0; float:left; 
	}
	ul.listingNews .newsTag .newsTagLink {
		font-weight:bold; color:#aaa;
	}
	
/*
* Read a news, an article or a press release
*/
	#newsContent {
		float:left; margin-top:15px;
	}
	#newsContent .newsImg {
		float:left; margin-right:15px; 
	}
	#newsContent .pubDate {
		font-size:0.8em; color:#AFAFAF; 
	}
	#newsContent h2 {
		line-height:1.2em; font-size:1.2em;
		color:#fe4e00; text-transform:none; 
	}
	#newsContent p {
		clear:both; padding:5px 0; 
	}
	
	#newsContent h3 {
		clear:both; margin:15px 0 5px 0; width:100%; clear:both; float:left;
		font-weight:bold; color:#666;		
	}
	#newsContent h3 .strong {
		display:block; clear:both; width:100%;
		color:#333;	font-weight:bold;	
	}
	#newsContent h3 .newsSubtitle {
		display:block; clear:both; width:100%;
		font-weight:bold; color:#666;		
	}			
	
	#newsContent h4 {
		/*padding:0 5px; */ margin:5px 0 0 0; 
		color:#fe4e00; font-size:1em; text-transform:inherit;
	}
	#newsContent ul {
		list-style-position:inside; margin-top:15px;
		list-style-type:square;
	}
	#newsContent ul li {
		line-height:1.5em;
	}

/***********************************************************************************************	
* Banners
**********************************************************************************************/
	
	.banner {
		width:100%; height:150px; float:left;
	}
	.banner h3 {
		margin:5px 0 0 80px;
		font-weight:bold; 
	}
	.banner p { 
		margin-left:80px;
		font-size:0.8em;
	}
	
	#bannerPDF {
		background:url(../img/pictos/icon_pdf.png) no-repeat top left;
	}
	#bannerPDF a {
		display:block; margin:5px 0 0 80px;
		font-weight:bold; color:#999; 
	}
	
	#bannerRSS {
		background:url(../img/pictos/icon_rss.png) no-repeat top left;	
	}	
	#bannerRSS a {
		margin-left:80px;
		font-size:0.8em;
	}
	
	#bannerCareers {
		background:url(../img/pictos/icon_career.png) no-repeat top left;	
	}	
	#bannerCareers a {
		margin-left:80px; float:left;
		font-size:0.8em;
	}
	
	#bannerSummary {
		background:url(../img/pictos/icon_summary.png) no-repeat top left;
	}
	#bannerSummary a {
		display:block; margin:5px 0 0 80px;
		font-weight:bold; color:#999; 
	}


/***********************************************************************************************	
* Others pages
**********************************************************************************************/

/*
* Contact (contact.php)
*/
	#contact .pageTitle {
		margin-bottom:20px;
	}
	#contact #contactLeft {
		width:40%; float:left; 
	}
	#contact #contactRight {
		width:50%; float:left; padding-left:15px; margin-left:15px;
		border-left: solid #eee 5px;
	}
	.chooseCountry {
		font-weight:bold; 
	}
	.listCountries {
		margin:5px 0 5px 0; display:block;
	}
	.listCountries li {
		display:inline; margin-right:15px; 
	}
	.listCountries li a img {
		width:22px; height:18px;
		border:solid #eee 1px; 
	}
	.listCountries li a:hover img,
	.listCountries li a:focus img {
		width:22px; height:18px; cursor:pointer;
		border:solid #bbb 1px; border-bottom:solid #bbb 2px;
	}
	.listCountries li.active a img {
		border-color:#000;
		border-bottom:solid black 2px;
	}
	.listCountriesDisabled {
		margin:5px 0 35px 0; display:block;
	}
	.listCountriesDisabled li {
		display:inline; margin-right:18px; 
	}
	.listCountriesDisabled li img { 
		filter:alpha(opacity = 20);
		-moz-opacity:.40;
		opacity:.30;
	}
	
	#contact h3 {
		padding:2px 0 0 25px; 
		background:url(../img/pictos/world.gif) no-repeat top left; color:#FE4E00; font-weight:bold;
	}
	#contact .title {
		margin-top:5px; padding:2px 0 0 25px; display:block;
		font-weight:bold; 
	}
	#contact .datas {
		margin:5px 0 10px 25px; display:block; 
	}
	
	#contact .address .title { background:url(../img/pictos/address.gif) no-repeat top left; }
	#contact .phone .title { background:url(../img/pictos/phone.gif) no-repeat top left; }
	#contact .fax .title { background:url(../img/pictos/fax.gif) no-repeat top left; }
	#contact .mail .title { background:url(../img/pictos/mail.gif) no-repeat top left; }
	
	#contact #contactRight {
		margin-top:85px;
	}
	#contact #contactRight h3 {
		margin-bottom:15px;
		background:url(../img/pictos/mail.gif) no-repeat top left;
	}
	#contact .mailListing li {
		width:100%; float:left; margin-bottom:15px;
	}
	#contact .mailListing .strong {
		display:block; width:185px; margin-right:15px; float:left;
	}

/*
* Sitemap (site-map.php)
*/
	#site-map ul {
		list-style-type:square;
	}
	#site-map ul li {
		margin-left:15px; line-height:1.5em;
	}
	#site-map ul li a {
		font-weight:bold;
	}
	
	#site-map ul li ul li {
		list-style-type:disc;
	}
	#site-map ul li ul li ul li {
		list-style-type:circle;
	}
	#site-map ul li ul li a,
	#site-map ul li ul li ul li a {
		font-weight:normal;
	}

/*
* Help (help.php)
*/
	dl {}
	dt { font-weight:bold; }
	dd { margin-bottom:15px; }