/* 
Title:      layout-interface.css
Author:     nurun.com
Updated:    May 2008

Content:	

 ========================================================================
*/
#hd #logo-ico-print{
display:none;	
}
body {
	background:url(../img/interface/bg-body.gif) repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
#doc4 {
	min-width: 974px;
}
	
/****************************************** skip nav ****************************************/
.skiplink {
	display:none
}
/****************************************** nav par-dessus la nav principale ****************/
#global-nav {
  	height: 1.8em;	
	font-size: 93%;
	padding: 7px 10px 0px 1px;	
}
#index #global-nav {
  	*height: 2.5em;	
}
#global-nav li {
	float: left;
}
#global-nav li#search {
	width: 40%;
}
#global-nav li#links-videotron {
	width: 40%;
}
#global-nav li#rss {
	width: 20%;
}
#global-nav #rss ul li {
	float: right;
}	
#global-nav li a.icon {
	padding: 0 0 0 18px;
}
#global-nav li#accueil a {
	padding: 0 10px 0 12px;
}
#global-nav #search-input {
	float: left;
	width: 168px;
	margin: -1px 0 0 10px;
	padding: 0 3px 0 4px;
	border: 1px solid #636466;
	color: #b1b1b2;	
	font-size: 1em;
}
#global-nav #search-button-input {
	float: left;
	width: 18px;
	height: 16px;
	margin: -1px 0 0 5px;
	border: none;
	background: #fec611 url(/site/static/img/fr/interface/nav-int.jpg) no-repeat 0 -420px;
}
#global-nav li#a-propos a {
	color: #000;
	font-weight: bold;
}
#global-nav li a {
	color: #636466;
	padding: 0 5px 0 7px;
	text-decoration: none;	
}
#global-nav li a:hover {
	color: #000;
}
#global-nav li span {
	font-size: 75%;
	color: #636466;
	position: absolute;
	margin-top: 1px;
}
/****************************************** nav principale ****************************************/
#nav {
	position: relative;
	min-height: 76px; 
   	height: auto !important;
	height: 76px; /* ie6 */
	padding-bottom:1em;
	border-top: 8px solid #000000;
	border-bottom: 1px solid #cccccc;
	background: #fff url(../img/interface/bkg-navigation.gif) repeat-x 0 0;
	min-width: 974px;
}
body#index #nav {
	min-height: 59px; /* w3c */
   	height: auto !important;
	height: 59px; /* ie6 */
	border-bottom: none;
}
#nav li {
	float: left;
	}
#nav li a {
	text-indent: -9999px;
	overflow: hidden;
	}
#nav li a.accueil {
	display: block;
	width: 61px;
	height: 59px;
	background: #fec611 url(../img/interface/nav-btn-accueil.gif) no-repeat 0 0;
	}

#nav li#entreprise a.title {
	width: 23.38em;/* non-IE */ 
	*width: 22.8em;/* IE */ 
	min-width: 304px;/* optional but recommended */ 
	}
#nav li#salle-presse a.title {
	width: 23.38em;/* non-IE */ 
	*width: 22.8em;/* IE */ 
	min-width: 304px;/* optional but recommended */ 
	}
#nav li#carrieres a.title {
	width: 23.46em;/* non-IE */ 
	*width: 21.5em;/* IE */  
	min-width: 305px;/* optional but recommended */ 
	}
	#nav li a.title {
		display: block;
		height: 59px;
		background-color: #ccc;
		background-repeat: no-repeat;
		background-position: 0 0;
		}
	#nav li a.title:hover {
		background-position: 0 -59px;
		}
	body.entreprise #nav li#entreprise a.title, 
	body.salle-presse #nav li#salle-presse a.title, 
	body.carrieres #nav li#carrieres a.title {
		background-position: 0 -118px;
		}

 ul#global-nav li#search ul li input#search-input{
		*margin-top:0px;
		}
 


/****************************************** sub-nav des sections **********************************/
#sub-nav {
	display: none;
	position: absolute;
	top: 59px;
	left: 0px;
	width: 100%;
	width: 74.923em;
	*width: 73.05em;
	margin: 0;
	padding: 8px 0 7px 0;
	}
	body.entreprise #nav li#entreprise #sub-nav, 
	body.salle-presse #nav li#salle-presse #sub-nav, 
	body.carrieres #nav li#carrieres #sub-nav {
		display: block;
		}
#sub-nav li {
	float: left;
	color: #636466;
	background: transparent url(../img/interface/bkg-sep-subnav.gif) no-repeat 100% 0;
	}
	#sub-nav li:last-child {
		background: none;
	}
#sub-nav li a {
	font-size: 93%;
	color: #636466;
	padding: 0 10px;
	text-decoration: none;	
	text-indent: 0;
	}
#sub-nav li a:hover {
	color: #000;
	}

body#videotron-actualites #sub-nav #videotron-actualites a, 
	body.videotron-actualites #sub-nav #videotron-actualites a, 
body#activites-body #sub-nav #activites a, 
body#historique-body #sub-nav #historique a, 
body#membres-direction #sub-nav #membres-direction a, 
	body.membres-direction #sub-nav #membres-direction a, 
body#coeur-communaute-body #sub-nav #coeur-communaute a, 
body#tele-participative-body #sub-nav #tele-participative a, 
body#superclub-videotron-body #sub-nav #superclub-videotron a,
body#profil-unique-body #sub-nav #profil-unique a, 
body#evenements-medias-body #sub-nav #evenements-medias a, 
body#communiques #sub-nav #communiques a, 
	body.communiques #sub-nav #communiques a, 
body#personnes-ressources-body #sub-nav #personnes-ressources a, 
body#centre-documentation-body #sub-nav #centre-documentation a, 
body#fil-rss #sub-nav #fil-rss a, 
body#vie-videotron-body #sub-nav #vie-videotron a, 
body.vie-videotron #sub-nav #vie-videotron a,
body#temoignages-videotron-body #sub-nav #temoignages-videotron a, 
body.temoignages-videotron #sub-nav #temoignages-videotron a, 
body#emplois-captivants-body #sub-nav #emplois-captivants a,
body#videotronaffaires-body #sub-nav #videotronaffaires a
{
	color: #000;
	font-weight: bold;
	}
/*/ li#entreprise ul#sub-nav 
{
*width: 321%;
		}
		
		 li#carrieres ul#sub-nav 
{
*width: 200%;
		}*/
		
		
		


/****************************************** footer ****************************************/
#ft {
	float: left;
	width: 100%;
	background: url(/site/static/img/fr/interface/ft-bg.jpg) repeat-x top right;
	position: relative;
	top:-7px;
}
body.fr #ft-nav {
	float: left;
	width: 99%;
	padding:  0 0 0 0;	
	background: url(/site/static/img/fr/interface/logo-videotron.jpg) no-repeat top right;
}
body.en #ft-nav {
	float: left;
	width: 99%;
	padding:  0 0 0 0;	
	background: url(/site/static/img/en/interface/logo-videotron.jpg) no-repeat top right;
}
#ft-nav li {
	float: left;
	color: #000;	
	margin-top: 26px;
	*margin-top: 30px;
}
#ft-nav li span {
	font-size: 75%;
	color: #000;
	position: absolute;
	margin-top: 3px;
}
#ft-nav li.footer-logo{
	float: right;
	position: relative;
	margin: 0;
}
#ft-nav li a {
	font-size: 90%;
	color: #000;
	padding: 0 10px 0 12px;
	text-decoration: none;	
}
#ft-nav li a:hover {
	color: #000;
}
#ft-sub-nav {
	float: left;
	width: 100%;
	font-size: 90%;
	margin: 15px 0 10px 0;
}
body.index #ft-sub-nav,
body.tele-participative #ft-sub-nav,
body.membres-direction #ft-sub-nav,
body#communiques-2008-1-body #ft-sub-nav,
body.centre-documentation #ft-sub-nav,
body.personnes-ressources #ft-sub-nav {
	margin: 40px 0 10px 0;
}
body#index #ft-sub-nav,
body#salle-presse-body #ft-sub-nav {
	margin: 15px 0 10px 0;
}
#ft-sub-nav li {
	float: left;
	color: #636466;
}
#ft-nav li.footer-logo{ 
	margin-right: -19px;
}
#ft-sub-nav li#decrease-text a {
	display: block;
	width: 27px;
	height: 16px;
	text-indent: -9999px;
	padding: 0 5px 0 0;
	background: url(/site/static/img/interface/ico-decrease-text.gif) no-repeat;
	overflow: hidden;
	margin-right: 10px;
}
#ft-sub-nav li#increase-text a {
	display: block;
	width: 27px;
	height: 16px;
	text-indent: -9999px;
	padding: 0 5px 0 0;
	background: url(/site/static/img/interface/ico-increase-text.gif) no-repeat;
	overflow: hidden;
	margin-right: 8px;
}
#ft-sub-nav li#copyright {
	float: right;
	margin-right: 10px;
}
#ft-sub-nav li span {
	font-size: 75%;
	position: absolute;
	margin-top: 3px;
}
#ft-sub-nav li span.foot-span {
	font-size: 100%;
	position: relative;
	margin-top: 3px;
}

#ft-sub-nav li a, #ft-sub-nav li span.foot-span {
	color: #636466;
	padding: 0 10px 0 12px;
	text-decoration: none;	
}
#ft-sub-nav li a:hover {
	color: #000;
}