/********************************************/
/*											*/
/* 				Bell communication			*/
/*  			Feuille de style			*/
/*  	 Créée par : Joël Fréchette			*/
/*			  jfrechette@dgk.ca				*/
/*			pachooca@hotmail.com			*/
/* 	 		Date : 9 sept 2008				*/
/* 			  Copyright DGK 2008			*/
/*											*/
/*		--------------------------------	*/
/*											*/
/*	Toute modification à ce document se		*/
/*  doit d'être accompagnée d'un 			*/
/*	commentaire ou d'être rapportée au		*/
/*  créateur de la feuille de style			*/
/*											*/
/********************************************/
body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8e8e8e;
	height:100%;
	margin:0; padding:0;
	/*background-image:url(../../images/communs/bkg_ombre.gif);
	background-repeat:repeat-y;
	background-position:center;*/
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0353a5;
	
	margin:0 30px 28px 0;
	padding-top:30px;
	padding-bottom:10px;
	
	border-bottom:1px dashed #DFDFDF;
}

h2 {
	color:#666666;
	font-size:13px;
	font-weight:bold;
	margin-bottom:15px;
	text-transform:uppercase;
}

h3 {
	color:#666666;
	font-size:18px;
	font-weight:bold;
	margin-bottom:25px;
	text-transform:uppercase;
}

a:link { text-decoration:none; color:#0353a5;}
a:visited { text-decoration:none; color:#0353a5;}
a:hover { text-decoration:underline; color:#0353a5;}
a:active { text-decoration:none; color:#0353a5;}

input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#B7B6B6; 
	font-size:9px; 
	font-weight:bold; 
	height:12px; 
	padding:3px 7px 6px 7px;
	border:1px solid #d3d3d3;
}
form {margin:0; padding:0;}

.submit {
	width:89px;	
	height:21px;	
	border:none;	
	background:url(../../images/communs/btn_soumettre.png) no-repeat;
	cursor:pointer;
}


.image {border:1px solid #000000;}
.noborder { border:none;}




/**********************************/
/*
/* ENTÊTE
/*
/**********************************/
.entete_top {
	width:942px;
	height:24px;
	
	
	font-size:9px;
	color:#4d86dc;
	text-align:left;
	
	padding:17px 10px 10px 10px;
}
.entete_top a { color:#8e8e8e;}

.entete_main { 
	width:937px;
	height:10px;
	
	background:url(../../images/communs/i_entete_main.jpg) no-repeat;
	
	font-size:9px;
	color:#000000;
	text-align:left;
	
	padding:120px 0 8px 25px;
}
.entete_main a { color:#4d86dc;}

.submit_entete {
	width:90px;	
	height:20px;	
	border:none;	
	background:url(../../images/communs/btn_connection.png) no-repeat;
	cursor:pointer;
}




/**********************************/
/*
/* COLONNE GAUCHE
/*
/**********************************/
.menu_gauche {
	width:182px;
	background:url(../../images/communs/bkg_menu_gauche.png) top repeat-x #FFFFFF;
	border-bottom:1px dashed #DFDFDF;
	
	padding:48px 8px 100px 8px;
	margin:0 0 40px 0;
	
	font-size:9px;
	
	color:#125ed0;
}
.menu_gauche a { color:#125ed0;}
.menu_gauche ul {
	margin:0; padding:0;
	text-align:left;
	margin-left:33px;
}
.menu_gauche li {
	list-style:url(../../images/communs/li_item.png);
	margin-top:6px;
}

.recherche { margin-left:8px; text-align:left;}

.recherche_gris {
	font-size:14px;
	letter-spacing:1px;
}
.recherche_comm {
	color:#125ed0;
	font-size:8px;
	margin-bottom:20px;
}

.submit_recherche {
	width:90px;	
	height:20px;	
	border:none;	
	background:url(../../images/communs/btn_rechercher.png) no-repeat;
	cursor:pointer;
	margin-right:5px;
}




/**********************************/
/*
/* SS-MENU
/*
/**********************************/
.ssmenu a { color:#FFFFFF; font-size:11px;}
.btn_accueil {
	background:url(../../images/communs/btn_accueil_up.png) no-repeat;
	width:82px; height:26px;
	text-align:center;
	padding-top:4px;
	margin-left:14px;
	margin-right:7px;
	float:left;
}
.btn_nouveautes {
	background:url(../../images/communs/btn_nouveautes_up.png) no-repeat;
	width:82px; height:26px;
	text-align:center;
	padding-top:4px;
	margin-right:7px;
	float:left;
}
.btn_activation {
	background:url(../../images/communs/btn_activationcell_up.png) no-repeat;
	width:127px; height:26px;
	text-align:center;
	padding-top:4px;
	margin-right:7px;
	float:left;
}
.btn_contacts {
	background:url(../../images/communs/btn_contacts_up.png) no-repeat;
	width:82px; height:26px;
	text-align:center;
	padding-top:4px;
	float:left;
}




/**********************************/
/*
/* COLONNE PRINCIPALE
/*
/**********************************/
.colonnemilieu {
	width:580px;
}
.contenu {
	border-left:1px dashed #DFDFDF;
	padding-left:15px;
	text-align:left;
}




/**********************************/
/*
/* PRODUITS
/*
/**********************************/
h2 a:link { text-decoration:none; color:#666666;}
h2 a:visited { text-decoration:none; color:#666666;}
h2 a:hover { text-decoration:underline; color:#666666;}
h2 a:active { text-decoration:none; color:#666666;}

/*
.jours30, .ans2, .ans3 {
	width:61px; height:19px;
	background:url(../../images/produits/bkg_30jours.png) left no-repeat;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:10px 65px 0 0;
	margin-bottom:6px;
}
.ans2 {
	background:url(../../images/produits/bkg_2ans.png) left no-repeat;
}
.ans3 {
	background:url(../../images/produits/bkg_3ans.png) left no-repeat;
}
*/
.boite_prix {
	width:65px; height:40px;
	background:url(../../images/produits/bkg_boite_prix.png) left no-repeat;
	font-weight:bold;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	padding:7px 2px 0 0;
	margin-bottom:6px;
}
.prix, .prix_barre {
	margin-top:3px;
	font-size:14px;
	color:#000000;
}
.prix_barre {
	text-decoration:line-through;
}
.prix_client {
	font-weight:bold;
	color:#FF0000;
}
sup {
	font-size: .7em;
	line-height: 1em; 
}




/**********************************/
/*
/* FICHE TECHNIQUE
/*
/**********************************/
.fiche_boite_prix {
	width:100px; height:54px;
	background:url(../../images/produits/bkg_prix.png) left no-repeat;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	padding:8px 0 0 0;
	margin-top:8px;
}
.description { color:#0353a5;}
.prix_fiche {
	margin-top:8px;
	font-size:18px;
	color:#000000;
}
.prix_client_fiche {
	font-weight:bold;
	color:#FF0000;
	font-size:18px;
}




/**********************************/
/*
/* FOOTER
/*
/**********************************/
.footer {
	background:url(../../images/communs/bkg_footer_total.png) no-repeat;
	width:962px;
	
	padding-top:70px;
	padding-bottom:20px;
	
	color:#535353;
	font-size:9px;
}

.footer a:link {color:#52a500; text-decoration:none;}
.footer a:visited {color:#52a500; text-decoration:none;}
.footer a:hover {color:#52a500; text-decoration:underline;}
.footer a:active {color:#52a500; text-decoration:none;}







/**********************************/
/*
/* IPHONE
/*
/**********************************/
.systeme_onglets { width:745px; margin:24px 0 24px 0;}
	.onglet
	{
			display:inline-block;
			margin-right:6px;
			text-align:center;
			width:200px;
			height:23px;
			padding:10px 0px 6px 0px;
			background-image:url(../../images/iphone/onglet_gris.png);
			background-repeat:no-repeat;
			cursor:pointer;
			color:#000000;
	}
	.onglet_0
	{
			/*background:#DDDDDD;
			border-bottom:1px solid #AAAAAA;*/
	}
	.onglet_1
	{
			/*background:#FFFFFF;
			border-bottom:0px solid #FFFFFF;*/
			background-image:url(../../images/iphone/onglet_blanc.png);
			font-weight:bold;
			background-repeat:no-repeat;
			padding-bottom:6px;
	}
	.contenu_onglet
	{
			background-color:#FFFFFF;
			border:1px solid #DDDDDD;
			margin-top:-4px;
			/*padding:15px 5px 5px 5px;*/
			display:none;
	}
	#contenu_onglet_qui, #contenu_onglet_pourquoi
	{
		padding:20px 15px;
	}
	.nomargin { margin:6px 12px 12px 0; padding:0;}
	
	
.systeme_onglets_acc { width:100%; margin:0; text-align:center;}
	.onglet_acc
	{
			display:inline-block;
			margin-right:6px;
			text-align:center;
			width:25px;
			height:25px;
			padding:0;
			background-image:url(../../images/iphone/rond1.png);
			background-repeat:no-repeat;
			cursor:pointer;
			color:#000;
			font-size:11px;
			line-height:25px;
	}
	.onglet_acc_0
	{
			/*background:#DDDDDD;
			border-bottom:1px solid #AAAAAA;*/
	}
	.onglet_acc_1
	{
			/*background:#FFFFFF;
			border-bottom:0px solid #FFFFFF;*/
			background-image:url(../../images/iphone/rond2.png);
			font-weight:bold;
			background-repeat:no-repeat;
			color:#FFF;
	}
	.contenu_onglet_acc
	{
			display:none;
			margin-top:22px;
			text-align:left;
	}
	

.item	{
			border-bottom:1px solid #BBB;
			margin-bottom:12px;
			padding-bottom:32px;
		}
		
.item img	{
				float:left;
				margin-right:12px;
			}
.item .desc	{
				width:550px;
				float:left;
			}
.item .desc h2	{
					color:#000;
					font-size:16px;
					margin:0;
					text-transform:none;
				}
.item .prix	{
				float:right;
				color:#0353a5;
				font-size:26px;
			}
			
.item .prix	sup	{	font-size:12px;}


/**********************************/
/*
/* DIVERS
/*
/**********************************/

.floatleft {float:left;}
.floatright {float:right;}
.fixbox {clear:both;}
.messageErreur {color:#FF0000;}
.blanc {color:#FFFFFF;}
.pale {color:#a2a2a2;}
.marginleft30 { margin-left:30px;}
.linethrough { text-decoration:line-through;}
.font16 { font-size:16px; width:86px;}
