@import url("../CSSv2/Layout_Navigation.css");


/*...........................................................*/
table#bg-header {
	background: url(/services/static/en/img/bg-header.jpg) no-repeat;
}
#headNav {
border-top: 1px solid #A8A6A3;
}


#bugFix .lnkfq{
	margin: 1px -1px 0 0px;
}
table#bg-header div {      
    padding-right: 10px;
    font-size: 10px;
}

body {
	background-color: #A8A6A3;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
}

a img { 
	border: none;
	}

td, th, p, b {
	font-family: Verdana,Geneva,Arial,Helvetica
}

p {
	margin: 18px 0px 0px 0px;
}

h3.reg {
	margin: 15px 0px 0px 0px;
}

/* Fonts and content */

.grey		{font-size: 10px; color: #666666}
.orange		{font-size: 11px; color: #DD7700}
.orangelink	{color: #DD7700}
.regtitle		{font-size: 14px; color: #333333; text-decoration: none;}
.regitalic		{font-size: 11px; font-style: italic; color: #333333; text-decoration: none;}
.regnote 		{font-size: 10px; color: #333333; text-decoration: none;}
.reg 		{font-size: 11px; color: #333333; text-decoration: none;}
.greytit	{font-size: 11px; color: #666666}
.note		{font-size: 10px; color: #333333}
.pnote		{font-size: 9px; color: #333333} /* Ajouter par Nurun */
.red		{font-size: 12px; color: #FF6600} /* titre erreur */
.rouge		{font-size: 11px; color: #FF6600}
.black		{font-size: 9px; color: #232322; font-family: Verdana,Geneva,Arial,Helvetica}
.field2		{font-size: 8px; color: #232322; font-family: Verdana,Geneva,Arial,Helvetica}
.black2		{font-size: 11px; color: #444444; font-family: Verdana,Geneva,Arial,Helvetica}
.lightgrey	{font-size: 10px; color: #878683; font-family: Verdana,Geneva,Arial,Helvetica}
.lgrey	{font-size: 9px; color: #747878; font-family: Verdana,Geneva,Arial,Helvetica}
.brown	{font-size: 9px; color: #555555; font-family: Verdana,Geneva,Arial,Helvetica}
.neworange	{font-size: 9px; color: #FFCF19; font-family: Verdana,Geneva,Arial,Helvetica}
.promo	{font-size: 9px; color: #787C7B; font-family: Verdana,Geneva,Arial,Helvetica}
.prix	{font-size: 24px; color: #000000; font-family: Verdana,Geneva,Arial,Helvetica}


/* Bgimg */
.bglinesleft	{background-image: url('/services/static/img/lines_left.gif'); background-repeat: repeat-y}
.bglinesright	{background-image: url('/services/static/img/lines_right.gif'); background-repeat: repeat-y}


/* index */
.greyh		{font-size: 10px; color: #555555}

.blanc		{font-size: 9px; color: #EDEDE7;}


/*  Links  */
a.lnkfq:link	{font-size: 9px; color: #444444; text-decoration: underline;}
a.lnkfq:visited {font-size: 9px; color: #444444; text-decoration: underline;}
a.lnkfq:active 	{font-size: 9px; color: #444444; text-decoration: underline;}
a.lnkfq:hover 	{font-size: 9px; color: #444444; text-decoration: none;}

a.gry:link		{font-size: 10px; color: #555555; text-decoration: none;}
a.gry:visited	{font-size: 10px; color: #555555; text-decoration: none;}
a.gry:active	{font-size: 10px; color: #555555; text-decoration: none;}
a.gry:hover		{font-size: 10px; color: #555555; text-decoration: underline;}

a.main:link		{font-size: 9px; color: #747878; text-decoration: none;}
a.main:visited	{font-size: 9px; color: #747878; text-decoration: none;}
a.main:active	{font-size: 9px; color: #747878; text-decoration: none;}
a.main:hover		{font-size: 9px; color: #747878; text-decoration: underline;}

a.blanc:link		{font-size: 9px; color: #EDEDE7; text-decoration: underline;}
a.blanc:visited	{font-size: 9px; color: #EDEDE7; text-decoration: underline;}
a.blanc:active	{font-size: 9px; color: #EDEDE7; text-decoration: underline;}
a.blanc:hover		{font-size: 9px; color: #EDEDE7; text-decoration: none;}

a.orang:link		{font-size: 9px; color: #FFCF19; text-decoration: underline;}
a.orang:visited	{font-size: 9px; color: #FFCF19; text-decoration: underline;}
a.orang:active	{font-size: 9px; color: #FFCF19; text-decoration: underline;}
a.orang:hover		{font-size: 9px; color: #FFCF19; text-decoration: none;}

/* Forms */
.field			{font-family: Verdana,Geneva,Arial,Helvetica; font-size: 9px; color: #333333; background-color:#EEEEEE}

/* Bgcolor */
.bgorgp		{background-color: #FFEDA1}
.bgorang	{background-color: #FFCF19}
.bgorgm		{background-color: #BAB6B3}
.bgblanc	{background-color: #FFFFFF}
.bglines	{background-color: #5B5B59}
.bgmenu	{background-color: #464646}
.bgsidelines {background-color: #747878}


/* XSL Navcolor */
p.nav1		{margin-left: 1px; margin-top: 2px; margin-bottom: 2px}
p.nav2		{margin-left: 11px; margin-top: 2px; margin-bottom: 2px}
p.nav3		{margin-left: 20px; margin-top: 2px; margin-bottom: 2px}


.niv1		{background-color: #878683}
.niv2		{background-color: #CECECE}
.niv3		{background-color: #F4F4F3}

a.n1yellow	{font-size: 10px; color: #EDEDE7; font-weight: bold; text-decoration: none}
a.n2orange	{font-size: 10px; color: #FFCF19; font-weight: bold; text-decoration: none}
a.n3grey	{font-size: 10px; color: #666666; font-weight: bold; text-decoration: none}
a.n1orange	{font-size: 10px; color: #FF9900; font-weight: bold; text-decoration: none}
a.n1brun	{font-size: 10px; color: #464646; text-decoration: none}
a.n1brunb	{font-size: 10px; color: #464646; font-weight: bold; text-decoration: none}
a.utils 	{font-size: 9px; color: #EDEDE7; text-decoration: none}




/* début ancien stylesheet*/

ul li {font-family: Verdana,Geneva,Arial,Helvetica; color:#333333; list-style-type : disc;}
ul {font-family: Verdana,Geneva,Arial,Helvetica; margin-left:20px; padding-left:0px;}
ol li {font-family: Verdana,Geneva,Arial,Helvetica; color:#333333;}
ol {font-family: Verdana,Geneva,Arial,Helvetica; margin-left:20px; padding-left:0px;}

.reg 		{font-size: 11px; color: #333333; text-decoration: none;}
/* .orange		{font-size: 11px; color: #FF9900} */   /*modifié*/
.greytit	{font-size: 11px; color: #666666}
.note		{font-size: 10px; color: #333333}
.red		{font-size: 12px; color: #FF6600} /* titre erreur */

.coudonc	{font-size: 11px; color: #4aa446}

p.path		{font-size: 11px; color: #666666; font-weight: bold; margin-top: 0px; margin-bottom: 0px}
p.marge 	{font-size: 11px; color: #333333; margin-left:-20px; padding-left:0px; margin-top: 0px; margin-bottom: 0px}

a.lnk:link		{font-size: 10px; color: #FFCC00}
a.lnk:visited 	{font-size: 10px; color: #CC3300}
a.lnk:active 	{font-size: 10px; color: #999999}

/* a.lnkfq:link	{font-size: 11px; color: #666666; text-decoration: none;}
a.lnkfq:visited {font-size: 11px; color: #666666; text-decoration: none;}
a.lnkfq:active 	{font-size: 11px; color: #666666; text-decoration: none;}
a.lnkfq:hover 	{font-size: 11px; color: #666666; text-decoration: underline;} */ /* modifié */

a.promo:link	{font-size: 10px; color: #FF6600; text-decoration: none;}
a.promo:visited	{font-size: 10px; color: #FF6600; text-decoration: none;}
a.promo:active	{font-size: 10px; color: #FF6600; text-decoration: none;}
a.promo:hover	{font-size: 10px; color: #FF6600; text-decoration: underline;}

/*.field 	{font-family: Verdana,Geneva,Arial,Helvetica; font-size: 11px; color: #333333; background-color:#EEEEEE}*/ /*modifié*/

.bglinesleft	{background-image: url('/services/static/img/lines_left.gif'); background-repeat: repeat-y}
.bglinesright	{background-image: url('/services/static/img/lines_right.gif'); background-repeat: repeat-y}

/*.bgorgp		{background-color: #FFDC6D}*/ /*modifié*/
/*.bgorang	{background-color: #FFC226}*/ /*modifié*/
/*.bgorgm		{background-color: #CCCCCC}*/ /*modifié*/
.bgorgf		{background-color: #FFBE00}
.bgbottom	{background-color: #FFCC66}
.bggris		{background-color: #CCCCCC}
.bggriscl	{background-color: #EEEEEE}
.bgblanc	{background-color: #FFFFFF}


p.nav		{margin-left: 15px; margin-top: 2px; margin-bottom: 2px}
p.nav4		{margin-left: 27px; margin-top: 2px; margin-bottom: 2px}
p.navdot	{margin-left: 0px; margin-top: 2px; margin-bottom: 2px}

.line		{background-color: #AAAAAA}
.lineyellow	{background-color: #FFC226}
/*.niv1		{background-color: #8B8B8B} */ /*modifié*/
/*.niv2		{background-color: #999999}*/ /*modifié*/
/*.niv3		{background-color: #FFED97}*/ /*modifié*/

/*a.n1yellow	{font-size: 10px; color: #FFFFCC; font-weight: bold; text-decoration: none}*/  /*modifié*/
/*a.n1orange	{font-size: 10px; color: #FF9900; font-weight: bold; text-decoration: none}*/ /*modifié*/
a.n2white	{font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none}
a.n2gris 	{font-size: 10px; color: #666666; font-weight: bold; text-decoration: none}
a.n3gris	{font-size: 10px; color: #666666; text-decoration: none}
a.n3noir	{font-size: 10px; color: #000000; font-weight: bold; text-decoration: none}
a.n4gris	{font-size: 10px; color: #666666; font-weight: bold; text-decoration: none}
a.n5gris	{font-size: 10px; color: #666666; font-weight: bold; text-decoration: none; text-transform: uppercase;}
/*a.utils 	{font-size: 10px; color: #DDDDDD; font-weight: bold; text-decoration: none}*/ /*modifié*/

/*img 		{ border-color: #58BCB5; }*/
/*background-color: #000000; layer-background-color: #000000;*/

.titpromo1 {
	font-size: 20px;
	color: #666666;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;

	}
.titpromo2 {
	font-size: 26px;
	color: #FF9900;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;



}
.prxpromo {
	font-size: 14px;
	color: #333333;
	font-weight: bolder;
	line-height: 80px;
	font-family: Geneva, Arial, Helvetica, sans-serif;


}
.prxpromo2 {


	font-size: 28px;
	color: #333333;
	font-weight: lighter;
}
.prxpromo3 {

	font-size: 22px;
	color: #333333;
	font-weight: bolder;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


/* fin ancien stylesheet*/





/* La section suivante à été ajouté par Nurun lors de l'ajout de la section Téléphonie */

.PageTitle {
}

.PageIntro {
	position: relative;
	width: 552px !important;
	width /**/: 553px;
	margin: 15px 14px 10px 14px;
}

.PageIntroPhoto {
	position: absolute;
	top: 0px;
	right: 0px;
}

.PageIntro p {
	width: 380px;
}
.PageIntro p {
	width: 380px;
	font-size: 11px; 
	color: #333333; 
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}
.PageSection {
	margin: 0px 14px 10px 14px;
	width: 550px !important;
	width /**/: 550px;	
	font-size: 11px; 
	color: #333333; 
	text-decoration: none;
}


/*
	Le "PageLinks" sont les boites de liens dans un boites qu'on
	retrouve un peu partout dans le site.
*/
.PageLinks {
	background: #FFEEA2;
	border: 1px solid #FFCF19;
	margin: 15px 14px 10px 14px;
	padding: 10px;
	width: 530px !important;
	width /**/: 550px;
}

.PageLinks ul {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}

.PageLinks ul li {
	list-style-type: none;
	list-style-image: none;
	background: url(/services/static/fr/img/accueil_fleche_jaune.gif) 0px 3px no-repeat;
	padding: 0px 0px 2px 9px;
	margin: 0px 0px 0px 0px;
	color: #555555;
	line-height: 13px;

}

.PageLinks ul li a {
	font-size: 10px;
	color: #555555;
	text-decoration: none;
}

.PageLinks ul li a:hover {
	color: #000000;
}




.LinkToTop {
	position: relative;
	display: block;
	text-align: right;
	padding: 5px 0px 5px 0px;
	clear: both;
}




/*
	Ce bloc de CSS est utilisé seulement sur la page d'accueil
*/

#content {	
	width: 567px;
	background: #fff;
	border-bottom: 1px solid #CCCCCC;
}

.row {
	width: 567px;
	float: left;
	background: #fff;
	border-top: 7px solid #CCCCCC;	
	}

.AccueilSiteSection {
	position: relative;
	float: left;
	width: 283px;
	min-height: 88px;	/* firefox */
	height: auto !important;/* ie */
	height: 135px;			/* ie */
	padding: 35px 0px 0px 0px;
	font-size: 9px;	
}

#box2,
#box4  {	
	width: 280px;
	border-left: 2px solid #CCCCCC;	
}

.AccueilSiteSection h3 {
	position: relative;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	padding: 0px 0px 0px 30px;
	width: 170px !important;
	width /**/: 200px;
}
.AccueilSiteSection h3 a {
	text-decoration: none;
	color: #000000;
}

.AccueilSectionLinks {
	list-style: none;
	position: relative;
	z-index: 1000;
	font-size: 10px;
	margin: 3px 0px 0px 30px;
	padding: 0px;
	margin-top: 4px;
	text-indent: 0px
}
	#box3 .AccueilSectionLinks,
	#box4 .AccueilSectionLinks {
	margin-top: 16px;
	}
.AccueilSectionLinks li {
	position: relative;
	text-indent: 0px;
	list-style: none;
	line-height: 13px;
	padding: 0px 0px 0px 12px;
	background: url(/services/static/fr/img/accueil_fleche.gif) -10px 4px no-repeat;
}

.AccueilSectionLinks li a {
	position: relative;
	color: #797D7C;
	text-decoration: none;
}


/*
	Ajouté pour les section CourrielWeb et LibreService
*/

.utils {
	FONT-SIZE: 9px; COLOR: #edede7;
}

.greydk {
	FONT-SIZE: 10px; COLOR: #444444;
}

ul.IntroductionListes {
	padding: 0px;
	margin: 0px 0px 10px -5px;
}
ul.IntroductionListes li {
	list-style-type: none;
	list-style-image: none;
	background: url(/services/static/img/accueil_fleche_jaune.gif) 2px 2px no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 4px;
}
ul.ContenuListes {
	padding: 0px;
	margin: 0px 0px 10px 10px;
}

ul.ContenuListes li {
	font-size:11px;
	list-style-type: none;
	background: url(/services/static/img/bullet_gris.gif) 2px 11px no-repeat;
	padding: 8px 0px 2px 10px;
	margin:0px;
}
ul.ContenuListes a{
	color:#DD7700;
}
ul.ContenuListes2 {
	padding: 0px;
	margin: 0px 0px 5px -2px;
}
ul.ContenuListes2 li {
	font-size:10px;
	list-style-type: none;
	background: url(/services/static/img/bullet_gris.gif) 2px 9px no-repeat;
	padding: 5px 0px 5px 10px;
	margin:0px;
}



/* The following is used to style a grey link box in the login confirmation page */

.LinkBox {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 5px 10px 10px 5px;
	color: #444444;
}

.LinkBox a {
	font-size: 11px;
	color: #444444;
	text-decoration: none;
}
.LinkBox ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.LinkBox ul li {
	list-style-type: none;
	background: url(/services/static/en/img/fle_str.gif) no-repeat 0px 6px;
	padding: 0px 0px 0px 18px;
}
.LinkBox li li a {
	font-weight: normal;
}
.LinkBox li a {
	font-weight: bold;
}
.LinkBox li a:hover {
	text-decoration: underline;

}


td.contenu {
	width: 588px;
	border-right: 9px solid #FFCF19;
	background: #FFFFFF;
}
/* La section suivante à été ajouté par Nurun lors de l'ajout de la section Affaires */
table.description {
	font-size: 10px; color: #333333;
	margin-top:10px;
	margin-bottom:15px;
	padding: 5px 0px 5px 0px;
	text-align: left;
}

table.description td, th {
	vertical-align: top;
	text-align: left;
	padding: 7px 0px 7px 0px;
}

table.Formulaire {
	font-size: 10px; color: #333333;
	padding: 5px 0px 5px 0px;
	text-align: left;
}
table.IntroAccueil {
	font-size: 9px; color: #545454;
	margin:15px 0px 0px 0px;
	padding:0px;
	text-align: left;
}
td.logo{
	padding:0px 25px 0px 40px;
}
table.IntroAccueil tbody th{
	font-size:11px;
	font-weight:bold;
	padding: 0px 0px 1px 0px;
	margin:0px;
	text-align: left;
}
table.IntroAccueil thead{
	padding: 5px 0px 8px 0px;
}
table.IntroAccueil td.fleche{
	padding: 0px 0px 0px 10px;
}
table.Forfaits {
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
	color: #333333;
}
table.Forfaits thead th {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 8px 0px 7px 10px;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-align: left;
	vertical-align:bottom;
}
table.Forfaits tbody th {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 8px 0px 7px 10px;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
}
table.Forfaits tbody td {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 8px 0px 7px 10px;
	font-size: 10px;
	text-align: left;
	vertical-align:top;
}
/* Detect Flash */
#header-flash {
	width:385px; 
	height: 260px;
	padding: 0;
	margin: 0 0 4px 0;
	text-align:left;
	}
#header-flash-content {
	width:385px; 
	height: 260px;
	padding: 0;
	margin: 0;
	background: #FFCF19 url(/services/static/fr/img/nonflash.jpg) no-repeat 0 0;					
	}
	#no-flash {
		padding: 270px 0 0 10px;
		background: #FFFFFF url(/services/static/fr/img/nonflash.jpg) no-repeat 0 0;;
		}
#header-flash-content-en {
	width:385px; 
	height: 260px;
	padding: 0;
	margin: 0;
	background: #FFCF19 url(/services/static/en/img/nonflash.jpg) no-repeat 0 0;					
	}
	#no-flash-en {
		padding: 270px 0 0 10px;
		background: #FFFFFF url(/services/static/en/img/nonflash.jpg) no-repeat 0 0;;
		}
#header-flash-calculette-tpc {
	width:555px;
	height: 320px;
	padding: 0 0 0 14px;
	margin: 0 0 4px 0;
	text-align:left;
	}

#header-flash-calculette {
	width:547px;
	height: 393px;
	padding: 0 0 0 14px;
	margin: 0 0 4px 0;
	text-align:left;
	}	
	#flash-content-calculette {
		margin: 0;			
		text-align: left;	
		}
		#no-flash-calculette {
			padding: 0;
			}
			
/* CSS Votre compte promotion zik.ca */			
#main_promo_zik{
	width:547px;
	background-color:#FFFFFF;
	}

#promo_zik1{
	float:left;
	background-color:#FFFFFF;
	width:200px;
	
	}
#promo_zik2{
	float:left;
	background-color:#FFFFFF;
	width:347px;
	}
	
#promo_zik2 ol{
	font-size: 11px;
	color: #333333;
	padding-left:18px;
	}
	
#promo_zik2 a{
	color: #333;
	text-decoration: none;
	}

#promo_zik2 a:hover{
	color: #333;
	text-decoration:underline;
	}
	
.zik1_top{

	background-color:#EEE;
	border:1px solid #CCC;
	font-weight:bold;
	height:20px;
	}

.zik1_top p{
	font-size: 11px;
	color: #333333;
	text-decoration: none;	
	font-weight:bold;
	margin:0px;
	padding:4px;
	}

.zik1_img{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding-top:6px;
	}
	
.zik1_p{
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	margin:0px;
	padding:4px;
	}
	
.zik2_top{
	font-size: 11px;
	color: #333333;
	text-decoration: none;	
	font-weight:bold;
	margin:0px;
	padding-left:16px;
	}
	
.zik3_top{
	font-size: 11px;
	color: #333333;
	text-decoration: none;	
	font-weight:bold;
	margin-top:30px;
	padding-left:16px;
	}
	
.poursuivre{
	margin:0px;
	padding-right:6px;
	}

	
.poursuivre2 a{
	color: #333;
	text-decoration: none;
	}
	
.poursuivre2 a:hover{
	color: #333;
	text-decoration: underline;
	}
	
.poursuivre2{
	font-size: 11px;
	color: #333333;
	text-decoration: none;	
	margin:0px;
	padding-left:18px;
	}
	
.poursuivre3{
	font-size: 11px;
	color: #333333;
	text-decoration: none;	
	margin-top:12px;
	padding-left:18px;
	}
	
.poursuivre3 img{
	margin-top:4px;

	}
	
.condition{
	margin-top:30px;
	margin-bottom:60px;
	padding-left:30px;
	padding-left:218px;
	}
			
/* Navigation v2 - pour etre compatible avec le xhtml */
#navigation {
	overflow: hidden;
	}
#navigation ul a {
	width: 158px !important;
	width: 173px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from IE-mac */

/* ========================================================
----------------CSS MAGAZINE BRANCHÉ-----------------------
==========================================================*/

#monoCollumnContent {
	padding-top:5px;
	padding-left:20px;
	}

/* titre "Magazine Branché" */
#magazine-branche {
	margin-bottom:30px;
	}

#magazine-branche h3		{ width:155px; height:25px; background-image:url(/services/static/fr/img/tit_magazine.gif);}
#magazine-branche span {
	display:none;
	}
#magazine .feature-def span {
	display:none;
	}

/* items de la liste */
#magazine div.features-list {
	margin:20px 0 20px 0;
	}
	/* colonne gauche */
	.features-list div.feature-id {
		float:left;
		width:88px;
		}
	/* collonne droite */
	.features-list div.feature-def {
		float:left;
		width:425px;
		margin: -18px 0 0 15px;
		font-size:11px;
		}

/* ligne séparatrice */
div.hr {
	border-bottom: 1px solid #B9B8B5;
	height: 1px;
	margin: 12px 0 12px 0;
	width: 98%;
	}
	
/* Magazine Branché */
#magazine #juin2007 p.imgtitle		{ width:115px; height:22px; background-image:url(/services/static/fr/img/tit_mag-juin2007.gif); }
#magazine #aout2007 p.imgtitle		{ width:149px; height:22px; background-image:url(/services/static/fr/img/tit_mag-aout2007.gif); }
#magazine #novembre2007 p.imgtitle	{ width:177px; height:22px; background-image:url(/services/static/fr/img/tit_mag-novembre2007.gif); }
#magazine #fevrier2008 p.imgtitle	{ width:139px; height:22px; background-image:url(/services/static/fr/img/tit_mag-fevrier2008.gif); }
#magazine #ete2008 p.imgtitle	{ width:60px; height:22px; background-image:url(/services/static/fr/img/tit_mag-ete2008.gif); }
#magazine #automne2008 p.imgtitle	{ width:300px; height:22px; background-image:url(/services/static/fr/img/tit_mag-automne2008.gif); }
#magazine #hiver2008 p.imgtitle	{ width:100px; height:22px; background-image:url(/services/static/fr/img/tit_mag-hiver2008.gif); }
#magazine #hiver2009 p.imgtitle	{ width:100px; height:22px; background-image:url(/services/static/fr/img/tit_mag-hiver2009.gif); }
#magazine #ete2009 p.imgtitle	{ width:100px; height:22px; background-image:url(/services/static/fr/img/tit_mag-ete2009.gif); }
#magazine #automne2009 p.imgtitle	{ width:100px; height:22px; background-image:url(/services/static/fr/img/tit_mag-automne2009.gif); }
#magazine #hiver2010 p.imgtitle	{ width:100px; height:22px; background-image:url(/services/static/fr/img/tit_mag-hiver2010.gif); }
/* Télécommandes */

#telecommandes {
	padding: 0 0 0 0;
	}

#telecommandes #maintitle {
	padding:0 0 30px 0;
	}
	
#telecommandes #forfaitSelector {
	padding:0 0 20px 0;
	height:194px;
	}

.telecom-gauche {
	float:left;
	height:194px;
	margin-right:5px;
	padding-right:5px;
	}

.telecom-droite {
	float:right;
	height:194px;
	margin-right:10px;
	}
	
#telecommandes #e2050-fr {
	background:url(/services/static/fr/img/service-clientele/telecom-e2050.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	height:194px;
	}
	
#telecommandes #e2050-en {
	background:url(/services/static/fr/img/service-clientele/telecom-e2050.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	height:194px;
	}

#telecommandes #rt {
	background:url(/services/static/fr/img/service-clientele/telecom-rt.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	height:194px;
	}
	
#telecommandes #rc-fr {
	background:url(/services/static/fr/img/service-clientele/telecom-rc.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	height:194px;
	}
	
#telecommandes #rc-en {
	background:url(/services/static/fr/img/service-clientele/telecom-rc.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	height:194px;
	}
	
#telecommandes #at8400 {
	background:url(/services/static/fr/img/service-clientele/telecom-at8400.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	height:194px;
	}
	
#telecommandes #ur5 {
	background:url(/services/static/fr/img/service-clientele/telecom-ur5.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	height:194px;
	}
	
#telecommandes #e2050-spec-fr {
	background:url(/services/static/fr/img/service-clientele/spec-e2050.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
	height:205px;
	padding:0 0 30px 0;
	}
	
#telecommandes #e2050-spec-en {
	background:url(/services/static/fr/img/service-clientele/spec-e2050.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
	height:205px;
	padding:0 0 30px 0;
	}
	
#telecommandes #rt-spec {
	background:url(/services/static/fr/img/service-clientele/spec-rt.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
	height:205px;
	padding:0 0 30px 0;
	}
	
#telecommandes #rc-spec-fr {
	background:url(/services/static/fr/img/service-clientele/spec-rc.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
	height:220px;
	padding:0 0 30px 0;
	}
	
#telecommandes #rc-spec-en {
	background:url(/services/static/fr/img/service-clientele/spec-rc.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
	height:205px;
	padding:0 0 30px 0;
	}
	
#telecommandes #at8400-spec {
	background:url(/services/static/fr/img/service-clientele/spec-at8400.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
	height:205px;
	padding:0 0 30px 0;
	}
	
#telecommandes #ur5-spec {
	background:url(/services/static/fr/img/service-clientele/spec-ur5.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
	height:225px;
	padding:0 0 30px 0;
	}
	
#texte {
	padding-top:0px;
	width:auto;
	margin-left:60px;
	}

#spec {
	padding-top:0px;
	width:auto;
	margin-left:85px;
	}

#telecommandes h3 {
	margin: 5px 0 5px 0;
	}
	
#telecommandes h4 {
	padding-bottom:0;
	font-size:12px;
	}

#telecommandes span {
	display:none;
	}

#telecommande ul{
	margin:5px 0 0 50px;
	}

#telecommandes li {
	list-style-image:url(/services/static/img/bullet_arrow_1dark.gif);
	padding-bottom:5px;
	}

#telecommandes li a {
	color:#dd7700;
	}



/* Télécommandes - Images des titres */

#e2050-fr h3 {
	width: 200px;
	height: 20px;
	background: url(/services/static/fr/img/service-clientele/h-telecom-e2050.gif) no-repeat;
	}
	
#e2050-en h3 {
	width: 200px;
	height: 20px;
	background: url(/services/static/en/img/service-clientele/h-telecom-e2050.gif) no-repeat;
	}
	
#rt h3 {
	width: 200px;
	height: 20px;
	background: url(/services/static/fr/img/service-clientele/h-telecom-rt.gif) no-repeat;
	}
	
#rc-fr h3 {
	width: 200px;
	height: 20px;
	background: url(/services/static/fr/img/service-clientele/h-telecom-rc.gif) no-repeat;
	}
	
#rc-en h3 {
	width: 200px;
	height: 20px;
	background: url(/services/static/en/img/service-clientele/h-telecom-rc.gif) no-repeat;
	}
	
#at8400 h3 {
	width: 200px;
	height: 20px;
	background: url(/services/static/fr/img/service-clientele/h-telecom-at8400.gif) no-repeat;
	}
	
#ur5 h3 {
	width: 200px;
	height: 20px;
	background: url(/services/static/fr/img/service-clientele/h-telecom-ur5.gif) no-repeat;
	}

#e2050-spec-fr h3 {
	width: 230px;
	height: 25px;
	background: url(/services/static/fr/img/service-clientele/h2-telecom-e2050.gif) no-repeat;
	}
	
#e2050-spec-en h3 {
	width: 230px;
	height: 25px;
	background: url(/services/static/en/img/service-clientele/h2-telecom-e2050.gif) no-repeat;
	}

#rt-spec h3 {
	width: 230px;
	height: 25px;
	background: url(/services/static/fr/img/service-clientele/h2-telecom-rt.gif) no-repeat;
	}
	
#rc-spec-fr h3 {
	width: 230px;
	height: 25px;
	background: url(/services/static/fr/img/service-clientele/h2-telecom-rc.gif) no-repeat;
	}
	
#rc-spec-en h3 {
	width: 230px;
	height: 25px;
	background: url(/services/static/en/img/service-clientele/h2-telecom-rc.gif) no-repeat;
	}
	
#at8400-spec h3 {
	width: 230px;
	height: 25px;
	background: url(/services/static/fr/img/service-clientele/h2-telecom-at8400.gif) no-repeat;
	}
	
#ur5-spec h3 {
	width: 230px;
	height: 25px;
	background: url(/services/static/fr/img/service-clientele/h2-telecom-ur5.gif) no-repeat;
	}