@import url(n-2.css); 

/********************************************************
* cadres des blocs N-1
*********************************************************/
.cCorner
{
    position:absolute;
    background-repeat:no-repeat;
    background-position:left top;
}

.cTopLeft
{
    width:1px;
    height:1px;
    background:#828282;
}

.cTop
{
    height:1px;
    background:#828282;
}

.cTopRight
{
    width:3px;
    height:1px;
    background:#828282;
}

.cTopRight .cCorner {background-image:url(http://media.abonnez-vous.orange.fr/20070118/residentiel/hd/cTopRight.gif);width:3px;height:3px;}

.cLeft
{
    width:1px;
    background:#828282;
}

.cRight
{
    width:3px;
    background:url(http://media.abonnez-vous.orange.fr/20070118/residentiel/hd/cRight.gif) repeat-y top left;
}

.cBottomLeft
{
    width:1px;
    height:4px;
}

.cBottomLeft .cCorner {background-image:url(http://media.abonnez-vous.orange.fr/20070118/residentiel/hd/cBottomLeft.gif);width:2px;height:4px;margin-top:0px;}

.cBottom
{
    height:4px;
    background:url(http://media.abonnez-vous.orange.fr/20070118/residentiel/hd/cBottom.gif) repeat-x top left;
}

.cBottomRight
{
    width:3px;
    height:4px;
    background:url(http://media.abonnez-vous.orange.fr/20070118/residentiel/hd/cBottomRight.gif) no-repeat top left;
}

.cCornerFolded
{
    position:absolute;
    background:url(http://media.abonnez-vous.orange.fr/20070118/residentiel/hd/cBottomRightFolded.gif) no-repeat top left;
    width:12px;
    height:13px;    
    margin-top:-9px;
    margin-left:-9px;
}

/********************************************************
* interieur des blocs N-1
*********************************************************/
.cTitre
{
	padding:13px 0px;
}

.n1Content
{
	padding-left:11px;
}

.n1Infos strong.titre
{
	color:#333333;
	font-size:12px;
}
.n1Infos
{
	border-top:1px solid #c7c7c7;
	margin-bottom:5px;
	padding:2px 10px 0px 10px;
	color:#333333;
}

.n1Inclus
{
	padding:5px 0 0 0;
	font-family: Arial, Sans-Serif;
	font-size:11px;
	color:#333333;
}

.n1Infos ul, .n1Infos li
{
	list-style:none;
	margin:0px;
	padding:0px;
}

.n1Infos li
{
	background:url(http://media.abonnez-vous.orange.fr/20070118/pro/hd/puceCarreeOrange.gif) no-repeat left 6px;
	padding-left:12px;
	margin:1px 0px;
}

.n1Lien
{
	color:#333333;
	text-decoration:none;
	background:url(http://media.abonnez-vous.orange.fr/20070118/pro/hd/flecheOrange.gif) no-repeat left 2px;
	padding-left:15px;
}

.n1LienBg
{
	background:#f3f3f3;
	padding:4px 7px 5px 7px;
	border-top:1px solid #dcdcdc;
}

/********************************************************
* Autres
*********************************************************/

.fOrange
{
	color:#ff6600;
	vertical-align:top;
}
/* Bouton abonnez-vous */

a.aBV8
{
    position:absolute;
    margin-top:178px;
    margin-left:-360px;
}

a.aBV18
{
    position:absolute;
    margin-top:178px;
    margin-left:-157px;
}

a.aBV1Etudiant
{
    position:absolute;
    margin-top:178px;
    margin-left:-360px;
}

a.aBV8Etudiant
{
    position:absolute;
    margin-top:52px;
    margin-left:-157px;
}


a.aBV1HdTv
{
    position:absolute;
    margin-top:62px;
    margin-left:-145px;
}

a.aBV8HdTv
{
    position:absolute;
    margin-top:120px;
    margin-left:-145px;
}

a.aBV18HdTv
{
    position:absolute;
    margin-top:178px;
    margin-left:-145px;
}


a.aBV1HdDual
{
    position:absolute;
    margin-top:50px;
    margin-left:-122px;
}

a.aBV8HdDual
{
    position:absolute;
    margin-top:110px;
    margin-left:-122px;
}

a.aBV18HdDual
{
    position:absolute;
    margin-top:168px;
    margin-left:-122px;
}



/* SPECIFIQUE ***********************************************************************************************************/

/* HD+TEL *************************/
.cHDTel .cTable
{
    width:680px;
}

/* HD+TEL *************************/
.cHDDavantage .cTable
{
    width:680px;
}

/* TV *************************/
.cTV .cTable
{
    width:335px;
    vertical-align:top;
}

/* Livebox *************************/
.cLivebox .cTable
{
    width:335px;
}

.cLiveboxHDTel .cTable
{
    width:680px;
}

.cLiveboxHDTel .cTable .n1Infos li
{
	margin:4px 0px;
}


/* NOUVEAU en MARS 2007 *****************************************************************/
.cBloc
{
	width:676px;
	border:1px solid #dddbdb;
	margin-bottom:25px;
	font-size:12px;
}

.cBloc .cBlocContainer
{
	padding:10px;
}

.cBloc .cCrossCorner
{
	float:left;
	width:32px;
	height:32px;
	margin:-1px 10px 10px -1px;
	background:url(http://media.abonnez-vous.orange.fr/20070301/residentiel/hd/cTopLeftCross.gif) no-repeat left top;
}

.cBloc ul, .cBloc li
{
	list-style:none;
	margin:0px;
	padding:0px;
}

.cBloc li
{
	background:url(http://media.abonnez-vous.orange.fr/20070301/pro/hd/puceCarreeOrange.gif) no-repeat left 6px;
	padding-left:12px;
	margin:1px 0px;
	margin-bottom:10px;
}

.InternetALaCarte .cLivebox ul li 
{
	margin-bottom:15px;
}

.InternetALaCarte .cLivebox .cTable
{
	width:322px;
}

.InternetALaCarte .cTel .cTable
{
	width:353px;
}

.InternetALaCarte .cTel .cTable ul li 
{
	margin-bottom:15px;
}

.InternetALaCarte .cHDCarte
{
	width:675px;
}

.InternetALaCarte .cHDCarte .cTable .cLeft
{
	width:3px;
    background:url(http://media.abonnez-vous.orange.fr/20070301/residentiel/hd/cLeft1.gif) repeat-y top left;
}

.InternetALaCarte .cHDCarte .cTable .cRight
{
	background:none;
}

.InternetALaCarte .cHDCarte .cTable .cTop
{
	height:3px;
	width:675px;
    background:#ffffff url(http://media.abonnez-vous.orange.fr/20070301/residentiel/hd/cTop1.gif) no-repeat top left;
}

.InternetALaCarte .cHDCarte .cTable .n1Infos
{
	border:none;
}

.InternetALaCarte .cHDCarte .cTable .cBottom
{
	height:6px;
	width:675px;
    background:url(http://media.abonnez-vous.orange.fr/20070301/residentiel/hd/cBottom1.gif) no-repeat top left;
}

.InternetALaCarte .cHDCarte .cHalfBorder
{
	width:345px;
    background:url(http://media.abonnez-vous.orange.fr/20070301/residentiel/hd/cTop2.gif) no-repeat top left;
    padding-top:1px;
    margin-left:10px;
    margin-top:-4px;
    position:absolute;
}

.InternetALaCarte .cHDCarte .cHalfBorderLeft
{
	border-left:1px solid #999;
	padding:3px 12px 8px 12px;
}


/********************************************************
* page ALaCarte
*********************************************************/

#alacarte .n1Infos
{
	border:none;
	margin:0px;
	padding:0px;
}

.cNetInternet .leftCol
{
	width:330px;
}

.cNetInternet .rightCol
{
	width:346px;
}

.cNetInternet .rightCol .n1Content
{
	padding-left:8px;
}

.cNetInternet .pictoNouveau
{
	margin-right:4px;
	vertical-align:text-bottom;
}

#alacarte .cTitre
{
	width:305px;
	padding:13px 11px;
}

#alacarte .aBV18Net
{
    position:absolute;
    margin-top:155px;
    margin-left:-504px;	
}

#alacarte .aBV8Net
{
    position:absolute;
    margin-top:153px;
    margin-left:-654px;	
}

#alacarte .cTopCentre
{
	height:3px;
	width:675px;
    background:#ffffff url(http://media.abonnez-vous.orange.fr/20070301/residentiel/hd/cTop1.gif) no-repeat top left;
}

#alacarte  .cBottomCentre
{
    height:4px;
    background:url(http://media.abonnez-vous.orange.fr/20070118/residentiel/hd/cBottom.gif) repeat-x top left;
}

#alacarte .cLeftCentre
{
    width:1px;
    background:#828282;
}

#alacarte .cRightCentre
{
    width:10px;
    background:url(http://media.abonnez-vous.orange.fr/20070118/residentiel/hd/cRight.gif) repeat-y top left;
}


/********************************************************
* page NET
*********************************************************/

#Net .n1Infos
{
	border:none;
	margin:0px;
	padding:0px;
}

.cNetInternet .leftCol
{
	width:330px;
}

.cNetInternet .rightCol
{
	width:346px;
}

.cNetInternet .rightCol .n1Content
{
	padding-left:8px;
}

.cNetInternet .pictoNouveau
{
	margin-right:4px;
	vertical-align:text-bottom;
}

#Net .cTitre
{
	padding:13px 11px;
}

#Net .aBV18Net
{
    position:absolute;
    margin-top:150px;
    margin-left:-460px;	
}

#Net .aBV8Net
{
    position:absolute;
    margin-top:150px;
    margin-left:-640px;	
}

#Net .aBV18NetTriple
{
    position:absolute;
    margin-top:165px;
    margin-left:-400px;	
}

#Net .aBV8NetTriple
{
    position:absolute;
    margin-top:165px;
    margin-left:-610px;	
}
/********************************************************
* page HDTELEPHONE
*********************************************************/
#HdTelephone .n1Infos
{
	border:none;
	margin:0px;
	padding:0px;
}

.cNetInternet .leftCol
{
	width:330px;
}

.cNetInternet .rightCol
{
	width:346px;
}

.cNetInternet .rightCol .n1Content
{
	padding-left:8px;
}

.cNetInternet .pictoNouveau
{
	margin-right:4px;
	vertical-align:text-bottom;
}

#HdTelephone .cTitre
{
	padding:13px 11px;
}

#HdTelephone .cTitrebis
{
	padding:13px 0px;
}

#HdTelephone .aBV18Net
{
    position:absolute;
    margin-top:155px;
    margin-left:-504px;	
}

#HdTelephone .aBV8Net
{
    position:absolute;
    margin-top:153px;
    margin-left:-654px;	
}

.n1InfosBis
{
	border:none;
	margin:0px;
	padding-left:10px;
}

.cTitrebis
{
	padding:13px 0px;
}



/*page telephone*/
#HDTvTelephone .n1Infos
{
	border:none;
	margin:0px;
	padding:0px;
}

.cNetInternet .leftCol
{
	width:330px;
}

.cNetInternet .rightCol
{
	width:346px;
}

.cNetInternet .rightCol .n1Content
{
	padding-left:8px;
}

.cNetInternet .pictoNouveau
{
	margin-right:4px;
	vertical-align:text-bottom;
}

#HDTvTelephone .cTitre
{
	padding:13px 11px;
}

#HDTvTelephone .aBV8
{
    position:absolute;
    margin-top:71px;
    margin-left:-419px;
}

#HDTvTelephone .aBV18
{
    position:absolute;
    margin-top:141px;
    margin-left:-419px;
}

#HDTvTelephone .n1LienBg
{
	background:#f3f3f3;
	border-top:1px solid #dcdcdc;
}

/********************************************************
* page Etudiant
*********************************************************/

#Etudiant .n1Infos
{
	border:none;
	margin:0px;
	padding:0px;
}

.cNetInternet .leftCol
{
	width:330px;
}

.cNetInternet .rightCol
{
	width:346px;
}

.cNetInternet .rightCol .n1Content
{
	padding-left:8px;
}

.cNetInternet .pictoNouveau
{
	margin-right:4px;
	vertical-align:text-bottom;
}

#Etudiant .cTitre
{
	padding:13px 11px;
}

#Etudiant .aBV18
{
    position:absolute;
    margin-top:180px;
    margin-left:-355px;	
}

#Etudiant .aBV8
{
    position:absolute;
    margin-top:153px;
    margin-left:-100px;	
}


#QuattendezVous .head
	{
	width: 630px;
	height: 70px;
	padding-left: 15px;
	background: url(http://media.abonnez-vous.orange.fr/20070828/fibre/bg-fibre.jpg) left bottom no-repeat;
	font-weight: bold;
	}



.autopromo
	{
	display: block;
	width: 180px;
	height: 315px;
	margin-top: 0px;
	background-color: #FFFFFF;
	}

/****************************************
*  Boite à onglets
****************************************/
div#onglets 
	{
	width: 630px;
	line-height: normal;
	}
	/**********
	*  Liste des onglets
	*****/
	div#onglets ul.onglets
		{
		position:relative;
		top:1px;
		min-width: 630px;
		margin: 0;
		padding-left:5px;
	padding-top:10px;
		list-style: none;
		}

		
		
		div#onglets li.onglet
			{
			float: left;
			margin: 0 1px 0 0;
			padding: 0;
			}
			div#onglets .onglet a
				{
				display: block;
				float: left;
				width: .1em;
				margin: 0;
				padding: 0 0 0 4px;
				background-image: url(http://media.abonnez-vous.orange.fr/20070816/residentiel/common/onglets/tab-left.gif);
				background-repeat: no-repeat;
				background-position: top left;
				border-bottom: 1px solid #ccc;
				text-decoration: none;
				font-weight: bold;
				white-space: nowrap;
				color: #333;
				}
				div#onglets .onglet a:focus { outline:0; }
			div#onglets .onglet > a { width: auto; }
			/* Hack hides rule from IE5-Mac \*/
			div#onglets .onglet a { float: none; }
			/* End of IE5-Mac hack */
				div#onglets .onglet a span
					{
					display: block;
					margin: 0;
					padding: 6px 10px 6px 5px;
					background-image: url(http://media.abonnez-vous.orange.fr/20070816/residentiel/common/onglets/tab-right.gif);
					background-repeat: no-repeat;
					background-position: right top;
					}
			div#onglets .onglet-on a
				{
				background-position: left -31px;
				border-bottom: 1px solid #fff;
				color: #f60;
				}
				div#onglets .onglet-on a span
					{
					background-position: right -31px;order:1px solid red;
					}
			div#onglets .onglet a:hover,
			div#onglets .onglet a:focus,
			div#onglets .onglet a:hover span,
			div#onglets .onglet a:focus span
				{
				background-position: right -31px;
				color: #f60;
				}
			div#onglets .onglet a:hover,
			div#onglets .onglet a:focus
				{
				background-position: left -31px;
				}
	/**********
	*  Contenus des onglets
	*****/
	div#onglets div.onglets-contenus
		{
		clear: both;
		
		border-right: 1px solid #dcdcdc;
		border-top: 1px solid #dcdcdc;
		}
		div#onglets div.onglet-contenu
			{
			height: 280px;
			padding-top:20px;
			padding-left:5px;
			}
		div#onglets p.onglet-lien-carac
			{
			margin: 0;
			background-color: #f3f3f3;
			border: 1px solid #dcdcdc;
			border-right: none;
			}
			div#onglets p.onglet-lien-carac a
				{
				display: block;
				padding: 2px 0 2px 19px;
				background-image: url(http://media.abonnez-vous.orange.fr/20070816/residentiel/common/onglets/caracs-puce.gif);
				background-repeat: no-repeat;
				background-position: 5px center;
				text-decoration: none;
				color: #000;
				}
			div#onglets p.onglet-lien-carac a:hover
				{
				color: #f60;
				}
			div#onglets p.onglet-lien-carac a:focus
				{
				outline:none;
				}
	/**********
	*  Mise en forme du contenu des onglets
	*****/
		div#onglets div.onglet-contenu h4,
		div#onglets div.onglet-contenu h3
			{
				font-size:16px;
				letter-spacing:-1px;
				color:#333;
				font-weight:bold;
				margin-bottom:4px;
			}
		div#onglets div.onglet-contenu h3
			{
				font-size: 16px;
			}
		div#onglets div.onglet-contenu ul
			{
				list-style:none;
				display:block;
				width:540px;
				position:relative;
				z-index:2;
			}
		div#onglets div.onglet-contenu li
			{
				background:url(http://media.abonnez-vous.orange.fr/20070118/pro/hd/puceCarreeOrange.gif) no-repeat left 6px;
				padding-left:12px;
				margin:4px 0px 8px 0px;
				display:block;
				font-size:12px;
			}
		div#onglets div.onglet-contenu img.bgPicto
			{
				position:absolute;
				z-index:1;
				margin-left:440px;
				margin-top:65px;
			}
		
		div#onglets div.onglet-contenu .onglet-lien-suivant
			{
				position:absolute;
				margin-left:540px;
				margin-top:200px;
				color:#333333;
				text-decoration:none;
				background:url(http://media.abonnez-vous.orange.fr/20070118/pro/hd/flecheOrange.gif) no-repeat left 2px;
				padding-left:15px;
			}
		div#onglets div.onglet-contenu .onglet-mention
			{
				font-size:11px;
				color:#949494;
			}
			
		div#onglets div.onglet-contenu div.onglet-tv img.bgPicto		{ margin-left:455px; }
		div#onglets div.onglet-contenu div.onglet-telephone img.bgPicto	{ margin-left:480px; }
		div#onglets div.onglet-contenu div.onglet-telephone ul			{ width: 490px; }
		div#onglets div.onglet-contenu div.onglet-livebox img.bgPicto	{ margin-top:0px; }
		div#onglets div.onglet-contenu div.onglet-livebox ul			{ width: 430px; }
	/**********
	*  Blocs de caractéristiques des onglets
	*****/
	div#onglets div.onglets-caracs
		{
		padding-top: 28px;
		background-image: url(http://media.abonnez-vous.orange.fr/20070816/residentiel/common/onglets/caracs-arrow.gif);
		background-repeat: no-repeat;
		background-position: center top;
		}
		div#onglets div.onglet-carac
			{
			}
			div#onglets h2.onglet-carac-titre
				{
				font-weight: bold;
				font-size: 14px;
				color: #333;
				}
			div#onglets ul.onglet-carac-sommaire
				{
				width: 285px;
				margin: 20px 0;
				padding: 0;
				list-style: none;
				}
				div#onglets li.onglet-carac-sommaire-item
					{
					margin: 0;
					padding: 0;
					}
					div#onglets .onglet-carac-sommaire-item a
						{
						display: block;
						width: 100%;
						padding: 2px 4px;
						border-bottom: 1px solid #999;
						text-decoration: none;
						font-size: 12px;
						color: #333;
						}
					div#onglets .onglet-carac-sommaire-item a:hover,
					div#onglets .onglet-carac-sommaire-item a:focus
						{
						background-color: #f3f3f3;
						color: #f60;
						}
					div#onglets .onglet-carac-sommaire-item-on a,
					div#onglets .onglet-carac-sommaire-item-on a:hover,
					div#onglets .onglet-carac-sommaire-item-on a:focus
						{
						background-color: #f3f3f3;
						font-weight: bold;
						color: #f60;
						}
				div#onglets h3.onglet-carac-block-titre
					{
					padding: 3px 5px;
					background-color: #999;
					font-size: 14px;
					color: #fff;
					}
					
					
		div#onglets .onglet #onglet-EDBA a			
	{
		display:block;
	margin-left:60px;	border:1px solid red;
	}
					
/****************************************
* Header des pages
****************************************/
.n-1-header
	{
	width:630px;
	background-repeat: no-repeat;
	}
	.n-1-header-table
		{
		width: 100%;
		}
		.n-1-header .head
			{
			height: 275px;
			}
		.intro
			{
			padding-right: 5px;
			}
			.n-1-header .bt
				{
				position: absolute;
				text-indent: -50000px;
				overflow: hidden;
				}
.n-1-header h2
	{
	padding-left:5px;
	font-size:16px;
	letter-spacing:-1px;
	color:#ff6600;
	}
.n-1-header p
	{
	padding-left:5px;
	font-size:13px;
	color:#333333;
	}
.header-fibre-offre 
{ 
	background-image: url(http://media.abonnez-vous.orange.fr/fibre/20080821/loffre/header-fibre-loffre.jpg); 
}
	.header-fibre-offre a.btCompletez 
		{
		width: 99px;
		height: 26px;
		margin-top: 202px;
		margin-left: 35px;
		}