/* LVLight
 * Implementation of the minimalist white design made by Erin for lvl.
 * http://www.lvlstudio.com/
 *
 * TOC
 * 1. General layout
 * 2. Document structure
 * 3. Header navigation
 * 4. Footer navigation
 * 5. Pages specific rules
 *    1. Homepages
 *    2. Contact page
 *    3. Clients & partners page
 *    4. Jobs page
 * 6. Hacks
 */

body {
	font-family:arial,sans-serif;
	font-size:12px;
	color:#333333;
	/*background-image:url(images/body_bgd.gif);
	background-repeat:repeat-x;*/
	margin:0px;
	padding:0px;
}
a {
	outline:none;
	color:#1c82ce;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#004bcc;
}
#logo {
	margin-top:10px;
	margin-bottom:5px;
}
strong {
	font-weight:bold;
}
h1 {
	margin-top:12px;
}
h1,
h2 {
	margin:6px 0px;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.titresProjets{
	margin:6px 0px;
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
h3 {
	font-weight:bold;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#1c82ce;
	margin-top:10px;
	padding-bottom:5px;
	/*background-image:url(../images/titres_bgd.gif);
	background-repeat:repeat-x;*/
	
	
}
h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#1c82ce;
	margin:0px 0px;
}
h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#1c82ce;
	margin-top:10px;
	padding-bottom:10px;
}
/* 2. Document structure
 */
#document {
	width:960px;
	margin:0 auto;
	padding:0px 0px 10px 0px;
	border-top:1px solid white;
}
#document a{
	color:#1c82ce;
}
#document a:hover{
	color:#1c82ce;
	text-decoration:underline;
}
#header,
#content,
#footer {
	clear:both;
}
#header {
	height:65px;
	position:relative;
	/*background-image:url(images/header_bgd.gif);
	background-repeat:repeat-x;*/
}
#header h2 {
	position:absolute;
	bottom:0px;
	/*left:50px;*/
	width:100px;
    height:30px;
	/* padding-top:40px; */
	background:transparent;
	
}
#header h2 a {
	display:block;
	text-indent:-100em;
	background:url(images/logo-off.en.gif) no-repeat;
	width:100px;
	height:20px;
}
#header h2 a:hover {
	background:url(images/logo-off.en.gif) no-repeat;
}
body.fr #header h2 a {
	background-image:url(images/logo-off.en.gif);
}
/* body.fr #header h2 a:hover {
	background-image:url(images/logo-on.fr.gif);
} */
#header p.alternates {
	position:absolute;
	top:5px;
	right:0px;
	background:transparent;
}
#content .primary,
#content .secondary,
#content .thirdly {
	float:left;
	display:inline; /* http://www.positioniseverything.net/explorer/doubled-margin.html */
	margin-top:3px;
}
#content .primary {
	/* margin-left:50px; */
}
#content .secondary {
	/*min-height: 450px;*/
}


#content p {
	margin-top:2px;
	margin-bottom:6px;
}
#footer {
	width:950px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	text-align:right;
	margin:0 auto;
	padding-top:10px; 
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E0E0E0;
}
#footer hr {
	display:none;
}
#footer p {
	margin:0;
}
div#footer p.navigation {
	float:right;
	font-size:9px;
}
div#pageSelect p.navigation {
	text-align:center;
	font-size:9px;
}
div#pageSelect p.navigation a {
	text-decoration:underline;
}
.clear{
	clear:both;
}

p.navigation,
p.navigation a:hover {
	color:#333333;
	text-decoration:none;
}

p.navigation a {
	color:#2280cd;
	font-size:11px;
}
p.navigation a {
	margin:0 0.5em;
}

#tabs a{
	cursor:default;
	color:#1c82ce !important; 
	font-weight:bold;
}
#tabs a.selected span {
    display:inline !important; 
}

#tabs a.selected {
	cursor:default;
	color:#333 !important; 
	font-weight:bold;
}
#tabs a.selected span {
    display:inline !important; 
}


/* 3. Header navigation
 */
#header p.alternates a {
	margin-right:0px;
	
}

#header ul.navigation {
	position:absolute;
	bottom:1px;
	right:0px;
	/*width:481px;*/
}
#header ul.navigation li {
	float:left;
	/*margin-left:60px;*/
}

#header ul.navigation li a {
	height:33px;
	display:block;
	overflow:hidden;
	text-indent:-1000em;
	background:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}
body.en #header .navigation li.itv a {
	width:22px; background-image:url(images/menu-itv-off.en.gif);
}
body.fr #header .navigation li.itv a {
	width:37px; background-image:url(images/menu-itv-off.fr.gif);
}
body.en #header .navigation li.web a {
	margin-left:42px;
	width:42px; background-image:url(images/menu-web-off.en.gif);
}
body.fr #header .navigation li.web a {
	margin-left:40px;
	width:42px; background-image:url(images/menu-web-off.fr.gif);
}
body.en #header .navigation li.mobility a {
	margin-left:42px;
	width:68px; background-image:url(images/menu-mobility-off.en.gif);
}
body.fr #header .navigation li.mobility a {
	margin-left:40px;
	width:70px; background-image:url(images/menu-mobility-off.fr.gif);
}
body.en #header .navigation li.products a {
	margin-left:42px;
	/*margin-right:8px;*/
	width:75px; 
	background-image:url(images/menu-products-off.en.gif);
}
body.fr #header .navigation li.products a {
	margin-left:40px;
	/*margin-right:8px;*/
	width:68px; 
	background-image:url(images/menu-products-off.fr.gif);
}

body.en #header .navigation li.games a {
	background-image:url(images/menu-games-off.en.gif);
	margin-left:42px;
	width:55px;
}
body.fr #header .navigation li.games a {
	background-image:url(images/menu-games-off.fr.gif);
	margin-left:40px;
	width:38px;
}

body.en #header .navigation li.about a {
	background-image:url(images/menu-about-off.en.gif);
	margin-left:42px;
	width:75px;
}
body.fr #header .navigation li.about a {
	background-image:url(images/menu-about-off.fr.gif);
	margin-left:40px;
	width:75px;
}
body.en #header .navigation li.itv a:hover { background-image:url(images/menu-itv-over.en.gif); }
body.en #document.itv #header .navigation li.itv a { background-image:url(images/menu-itv-on.en.gif); }
body.fr #header .navigation li.itv a:hover { background-image:url(images/menu-itv-over.fr.gif); }
body.fr #document.itv #header .navigation li.itv a { background-image:url(images/menu-itv-on.fr.gif); }

body.en #header .navigation li.web a:hover { background-image:url(images/menu-web-over.en.gif); }
body.en #document.web #header .navigation li.web a { background-image:url(images/menu-web-on.en.gif); }
body.fr #header .navigation li.web a:hover { background-image:url(images/menu-web-over.fr.gif); }
body.fr #document.web #header .navigation li.web a { background-image:url(images/menu-web-on.fr.gif); }


#header .navigation li.tablet a {
	margin-left:40px;
	width:49px; height: 20px;
	background: url(images/menu-tablet.en.gif) left top;
}
/*body.fr #header .navigation li.touch a { background: url(images/menu-tablet.fr.gif) left top; }*/
	#header .navigation li.tablet a:hover { background-position: 0 -20px; }
	#document.tablet #header .navigation li.tablet a { background-position: 0 -40px; }

body.en #header .navigation li.mobility a:hover { background-image:url(images/menu-mobility-over.en.gif); }
body.en #document.mobility #header .navigation li.mobility a { background-image:url(images/menu-mobility-on.en.gif); }
body.fr #header .navigation li.mobility a:hover { background-image:url(images/menu-mobility-over.fr.gif); }
body.fr #document.mobility #header .navigation li.mobility a { background-image:url(images/menu-mobility-on.fr.gif); }

body.en #header .navigation li.products a:hover { background-image:url(images/menu-products-over.en.gif); }
body.en #document.products #header .navigation li.products a { background-image:url(images/menu-products-on.en.gif); }
body.fr #header .navigation li.products a:hover { background-image:url(images/menu-products-over.fr.gif); }
body.fr #document.products #header .navigation li.products a { background-image:url(images/menu-products-on.fr.gif); }

body.en #header .navigation li.games a:hover { background-image:url(images/menu-games-over.en.gif); }
body.en #document.games #header .navigation li.games a { background-image:url(images/menu-games-on.en.gif); }
body.fr #header .navigation li.games a:hover { background-image:url(images/menu-games-over.fr.gif); }
body.fr #document.games #header .navigation li.games a { background-image:url(images/menu-games-on.fr.gif); }

body.en #header .navigation li.about a:hover { background-image:url(images/menu-about-over.en.gif); }
body.en #document.about #header .navigation li.about a { background-image:url(images/menu-about-on.en.gif); }
body.fr #header .navigation li.about a:hover { background-image:url(images/menu-about-over.fr.gif); }
body.fr #document.about #header .navigation li.about a { background-image:url(images/menu-about-on.fr.gif); }


/* 4. Footer navigation
 */
 #document.news a.news,
#document.clients a.clients,
#document.contact a.contact,
#document.jobs a.jobs {
	cursor:default;
	color:#004bcc;
}

.jobStyle h3 {
	font-size: 1.4em;
	padding: 15px 0 5px;
}
.jobStyle h4 {
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	padding: 5px 0 8px !important;
	margin: 0 !important;
}
.jobStyle p {
	padding: 0 0 15px;
	margin: 0 !important;
}
.jobStyle ul {
	list-style: circle;
	padding: 0 0 0 25px;
	margin: 0 0 15px 0;
}
	.jobStyle ul li { padding-bottom: 8px; }

		.jobStyle ul ul {
			list-style: square;
			padding: 0 0 0 15px;
			margin: 0;
		}
			.jobStyle ul ul li { padding: 4px 0 0 0; }
 /* 5. Pages specific rules
  */
 
/* 5.1 Homepages
 */
#document.homepage #content .primary {
	width:470px;
}

#document.homepage #content .primary a img#logo-partners{
 
	padding:0px;
	margin:5px;
	vertical-align:middle;
}

#document.homepage #content .primary .partners{
	padding-top: 10px;
	border-top: #CCCCCC solid 1px;
}
#document.homepage #content .primary .partners h4{ margin-bottom:10px; }
#document.homepage #content .primary .section img { margin: 0 0 6px 0; }

#document.homepage #content .primary .section h2 {
	color: #1c82ce;
	margin-top: 0px;
	padding-top: 0px;
	font-size: 15px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;	
}
#document.homepage #content .primary .section h2 span {
	font-size: 12px;
}
.secondary .section div img {
	float: left;

	margin: 0px 10px 0px 0px;
}

.secondary .section div.texte {
    float:left;
	width:300px;
	
}
.secondary .section h2 { color: #1c82ce; }

#document.homepage #content .primary .section img#imgNews {
	float:right;
	margin:0 10px 7px 0;
}


#document.homepage #content .primary h2 {
	font-size:18px;
	padding:10px 0px 0px 0px;
	font-weight:normal;
}

#document.homepage #content .primary p {
	clear:left;
	padding-bottom:5px;
	padding-top:5px;
}
#document.homepage #content .primary p.navigation {
	margin-top:13px;
}
#document.homepage #content .secondary {
	float:right;
    margin-right:5px;
}
#document.homepage #content .secondary h4{
	margin-left:20px;
}
#document.homepage #content .secondary h1 {
	margin-left:20px;
}
#document.homepage #content .secondary .section {
	float:left;
	width:138px;
	display:inline;
	/* padding-left:13px; */
	margin-left:23px;
	padding-top:10px;
}
#document.homepage #content .secondary .section p { text-align:left; }


/* 5.2 Contact page
 */
#document.contact #content .primary {
	width:510px;
	/*margin-right:15px;*/
	margin-top:5px;
}
#document.contact #content .secondary {
	width:220px;
	padding-left:20px;
	/*padding-left:20px;*/
	border-left:1px solid #c7c7c7;
	margin-top:12px;
}
#document.contact #content .thirdly {
	width:200px;
	margin-left:0px;
}
#document.contact #content input.text,
#document.contact #content select,
#document.contact #content textarea {
	width:100%;
	margin:0.5em 0;
}
#document.contact #content input.radio {
	margin:0.5em;
	margin-left:0;
	vertical-align:middle;
}
#document.contact #content .commands {
	text-align:right;
}
#document.contact #content .commands input { margin:0.5em 0; }
#document.contact #content .secondary h2 {
	color:#000;
	font-size:13px;
	font-weight:bold;

}
#document.contact #content .secondary h4, h5{ margin-bottom:5px; }

/* 5.3 Clients & partners page
 */
#document.clients #content .primary {
	margin-right:20px;
	width:640px;
}
#document.clients #content .secondary {
	width:220px;
	padding-left:20px;
	border-left:1px solid #c7c7c7;
	float:right;
	margin-top:14px;
}

/* 5.4 Jobs page
 */
#document.jobs #content .primary {
	width:190px;
	padding-right:20px
}
#document.jobs #content .secondary { 	width:460px; }
#document.jobs #content .secondary h2 {
	font-size:20px;
	color:#004bcc;
	font-weight:normal;
}
#document.jobs #content #tabs a {
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
#document.jobs #content #tabs a span { display:none; }

#document.jobs #content .thirdly {
	width:220px;
	padding-left:20px;
	border-left:1px solid #c7c7c7;
	float:right;
	margin-top:14px;
}

/*.5.5 new */ 

#document.news #content .primary {
	width:190px;
	padding-right:20px
}
#document.news #content .secondary { width:460px; }
#document.news #content .secondary h2 {
	font-size:20px;
	color:#004bcc;
	font-weight:normal;
}
#document.news #content #tabs a {
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
#document.news #content #tabs a span { display:none; }

#document.news #content .thirdly {
	width:220px;
	padding-left:20px;
	border-left:1px solid #c7c7c7;
	float:right
}

/* 5.6 Widgets
 */
#document.widgets #content .primary { width:440px; }

#document.widgets #content .primary a img#logo-partners{
 
	padding:0px;
	margin:5px;
	vertical-align:middle;
}

#document.widgets #content .primary .partners{
	border-top:#CCCCCC solid 1px;
	padding-top:10px;
}
#document.widgets #content .primary .partners h4{ margin-bottom:10px; }
#document.widgets #content .primary .section img {
	float:left;
	margin:0 10px 7px 0;
}
#document.widgets #content .primary .section h2 {
	margin-top:0px;
	padding-top:0px;
}
.secondary .section div img {
	float:left;
	margin:0px 10px 0px 0px;
}

.secondary .section div.texte {
	float:left;
	width:300px;	
}

#document.widgets #content .primary .section img#imgNews {
	float:right;
	margin:0 10px 7px 0;
}


#document.widgets #content .primary h2 {
	font-size:14px;
	padding:10px 0px 0px 0px;
	height:4em;
	font-weight:normal
}

#document.widgets #content .primary p { 	clear:left; }
#document.widgets #content .primary p.navigation { margin-top:13px; }
#document.widgets #content .secondary {
/*	width:468px;*/
	float:right;
	margin-top:30px;
	margin-left: -30px;
	width: 501px;
}
#document.widgets #content .secondary h1 { margin-left:20px; }
#document.widgets #content .secondary .section {
	float:left;
	width:155px;	
	margin-left:12px;
	display:inline;
}

#news-1, #news-2, #news-3, #news-4, #news-5, #news-6 {
	border:1px solid #FFFFFF;
	min-height:240px;
	padding-top: 9px;
}
/*Pour ?viter le bug dans Explorer qui fait que l'on voit les nouvelles des 2 derni?res tab apparaitent et disparaitrent apr?s 2 secondes*/
#news-2, #news-3 { display:none; }

/* override reset.css */
p, h2, h3, h5, h8,td,td div { background:transparent; }

body.casestudies h2, h3, h8{ color:#1c82ce; }
body.casestudies h2 { height:auto !important;}
body.casestudies h3{font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:normal;line-height: 30px; margin-bottom:10px; margin-top:10px;}
body.casestudies h8{  margin:0.5em 0; font-size:18px; font-weight:normal; }
body.casestudies table.{font-family:Arial, Helvetica, sans-serif;}
body.casestudies table.secondary{ background:transparent url(../casestudies/images/telus/details_bg2.gif) repeat-y top left; padding:5px;}
body.casestudies table.secondary td {padding:4px; }
body.casestudies table.secondary  strong { font-weight:bold; }
body.casestudies #content .secondary { width:460px; float:right; margin-top:125px;}
body.casestudies #content .secondary p{margin-top:10px;}
body.casestudies #content .primary{ width:350px; padding-left:0px; }
body.casestudies .sousTitre{font-size:13px;color:#333333;background:transparent;padding-bottom:4px;text-transform: uppercase;}
body.casestudies .small{font-size:11px;color:#1c82ce;background:transparent;}
body.casestudies .caption{ font-size:14px; color:#1c82ce;line-height:18px;;margin-top:15px;margin-bottom:20px; padding-right:40px;}
body.casestudies .blocGris p{font-size:14px; color:#1c82ce; line-height:18px;}
body.casestudies .blocGris{padding-top:10px; width:430px; }
body.casestudies .details{font-size:11px; color:#858585; line-height:155%; padding-top:10px; padding-bottom:10px;}
body.casestudies .detailsBold{font-size:11px; color:#000; line-height:155%; padding-top:10px; padding-bottom:10px;}
body.casestudies .margeLeft{ padding-left:10px; padding-right:10px;}
body.casestudies .titreGris {font-size: 13px;font-weight: bold;color: #666666;padding-left:10px; margin-top:5px; margin-bottom:10px;}
body.casestudies .cercle {margin-top:15px;margin-bottom:15px; }
body.casestudies .italic { font-style:italic;}
body.casestudies .div{font-family:Arial, Helvetica, sans-serif;}

/* Conserver TEST case study multipage 
#document.case #content .secondary h2 {font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#1c82ce; font-weight:normal; margin-bottom:20px; margin-top:20px;}
#document.case #content .secondary h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1c82ce; font-weight:normal; margin-bottom:20px; margin-top:20px; line-height:22px;}
#document.case #content .secondary h4 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#1c82ce; font-weight:normal; margin-bottom:10px; margin-top:20px;}
#document.case #content .primary {margin-top:25px;width:190px;padding-right:20px}
#document.case #content .secondary {width:460px;}
#document.case #content #tabs a {font-size:12px;font-weight:bold;color:#666666;}
#document.case #content #tabs a span { display:none;}
#document.case #content .thirdly {width:220px;padding-left:20px;border-left:1px solid #c7c7c7;float:right;margin-top:25px;}
#document.case #content .bleu {color:#1c82ce;}
#document.case #content .secondary .margeLeft{ padding-left:10px;}
#document.case #content .secondary .smallgris{ padding-left:10px; padding-right:7px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}
#document.case #content .secondary .titreGris {font-family:Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold;color: #666666;}
#document.case #content .secondary .cercle {margin-top:15px;margin-bottom:15px; }*/


/* 6. Hacks
 * http://www.positioniseverything.net/easyclearing.html
 * http://www.csscreator.com/attributes/containedfloat.php
 */
#content:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
#content,
.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html #content,
* html .clearfix {height: 1px;}
#content,
.clearfix {display: block;}
/* End hide from IE5/Mac */


.gradient {
	margin-top:15px;
	height:15px;
	padding-bottom:15px;
	background:transparent url(../images/titres_bgd.gif);
	background-repeat:repeat-x;
	padding-left:12px;
	
}

.showdate {
	font-size:11px;
	font-weight: 300;
	font-family:Arial, Helvetica, sans-serif;	
}


body.home #wrapper {
	min-width: 960px;
	position: relative;
}
/*body.en .homepage {
	margin-bottom:140px !important;
}
	#banner { position:absolute; right: 0; background:none;}
		#banner img {
			position: relative; top: -328px
		}*/

	#banner {
		position:absolute;
		right: 0; bottom: 24px;
	}

body.accueil #footer{margin-top:120px;}



#map_canvas div{background-color: transparent;}