/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img, a img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* MAIN CSS */
/*
   main.css
   General site layout and styles.
   
   Created by Ned Baldessin on 2008-08-20.
   Copyright 2008 Ned Baldessin. All rights reserved.
*/

/* Image replacement. */
.replaced {
	display: block;
	text-indent: -9999px;
}

a {
	color:#C00;
	outline: 0;
}

body {
	font-family: Arial, sans-serif;
}
div.light_gray,
hr.light_gray {height:0px;font-size:0px;margin:0px;padding:0px;margin-bottom:5px;border-bottom:1px solid #ededed}

.red{
	color:#C00;
}

#main-shadow{
	width:100%;
	background:transparent url(../images/shadow.png) center 0 repeat-y;
}

#breadcrumbs{
	padding:0 3px;
	margin:0 0 10px;
}

body #right-col {
	width: 176px;
	float: right;
	margin-top: 25px;
}

/* ========== */
/* = HEADER = */
/* ========== */

#header-row {
	background:transparent url(../images/shadow-top.png) center bottom no-repeat;
}

/* 980px wide, plus 3px on each side for eventual drop shadows. */
#header {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 140px;
	background:#FFF;
}

/* The main logo. */
#header h1 {
	position: absolute;
	left: 18px;
	top:19px;
	width: 81px;
	height: 100px;
}
#header h1 a {
	display: block;
	width: 81px;
	height: 100px;
	background: url(../images/header/v2/logo-virgin.png) 0 0 no-repeat;
}
#header h1 a span{
	display: none;
}
#header h1 a img{
	display: none;
}

/* The nav at the very top of the page. */
#header #top-nav,
#header #top-nav li {
	list-style: none;
	display: block;
}

#header #top-nav {
	width: 830px;
	position: absolute;
	top: 4px;
	left: 242px;
	/*background: url(../images/header/top-nav.png) no-repeat;*/
}

#header #top-nav li,
#header #top-nav li a {
	display: block;
	text-indent: -9999px;
	float: left;
}

#header #top-nav li#tn-aide,
#header #top-nav li#tn-aide a {
	width: 56px;
	background: url(../images/header/v2/tn-aide.png) no-repeat;
}

#header #top-nav li#tn-commande,
#header #top-nav li#tn-commande a {
	width: 121px;
	background: url(../images/header/v2/tn-commande.png) no-repeat;
}

#header #top-nav li#tn-ligne,
#header #top-nav li#tn-ligne a {
	width: 95px;
	background: url(../images/header/v2/tn-ligne.png) no-repeat;
}

#header #top-nav li#tn-portable,
#header #top-nav li#tn-portable a {
	width: 115px;
	background: url(../images/header/v2/tn-portable.png) no-repeat;
}

#header #top-nav li#tn-recharge,
#header #top-nav li#tn-recharge a {
	width: 127px;
	background: url(../images/header/v2/tn-recharge.png) no-repeat;
}

#header #top-nav li#tn-panier,
#header #top-nav li#tn-panier a {
	width: 129px;
	height:22px;
	background: url(../images/header/v2/tn-panier.png) no-repeat;
}

#header #top-nav li#tn-magasin a {
    background: url("../images/header/v2/tn-magasin.png") no-repeat scroll 0 0 transparent;
    margin-left: 100px;
    width: 140px;
}


/* This one isn't replaced, it's the item counter of the cart. */
#header #top-nav.tn-panier-selected li#tn-panier,
#header #top-nav.tn-panier-selected li#tn-panier a {
	background: url(../images/header/v2/tn-panier-selected.gif) no-repeat;
}

/* The cart counter */
#header #top-nav li#tn-panier span#tn-cpt-panier {
	display: block;
	text-align: right;
	font: normal 11px Arial, sans-serif;
	text-indent: 0;
	position: absolute;
	top: 3px;
	right: 3px;
	color:#640d54;
}
#header #top-nav li#tn-panier span#tn-cpt-panier a {
	display: inline;
	float: none;
	text-indent: 0;
	width: auto;
	color:#640d54;
	background: none;
}

#header #top-nav.tn-panier-selected  li#tn-panier span#tn-cpt-panier,
#header #top-nav.tn-panier-selected  li#tn-panier span#tn-cpt-panier a {
	color: #FFF;
}



/* The large 'espace client' button at the top right. */
#header #espace-client {
	display: block;
	position: absolute;
	top: 0;
	right: 27px;
	height: 43px;
	width: 172px;
	text-indent: -9999px;
	background: url(../images/header/v2/espace-client.gif) no-repeat;
}
#header #commander-par-telephone {
	display: block;
	position: absolute;
	top: 40px;
	right: 20px;
	height: 43px;
	width: 172px;
	text-indent: -9999px;
	background: url(../images/header/v2/espace-client.gif) no-repeat;
}

#header #commander-par-telephoneb {
	display: block;
	text-indent: -9999px;
	height: 53px;
	width: 175px;
	position: absolute;
	top: 40px;
	right: 27px;
	background: url(../images/header/v2/espace-clientv2.gif) no-repeat 0px -40px;
}

.refill #header #commander-par-telephoneb, .accountLogin #header #commander-par-telephoneb{
	display:none;
}

/* Main navigation tabs. */
ul#main-nav, ul#main-nav li {
    display: block;
}
ul#main-nav {
    left: 99px;
    position: absolute;
    top: 31px;
	padding:29px 0 0 10px;
	width:684px;
	height:28px;
	background:#FFF url(../images/header/v2/main-nav-bg.png) 0 0 no-repeat;
}
ul#main-nav li {
    float: left;
}
ul#main-nav li a {
    display: block;
    height: 28px;
    text-indent: -9999px;
	background-image: url("../images/header/v2/new-main-nav-sprites.png");
	background-repeat:no-repeat;
}
ul#main-nav li#mn-accueil a {
    width: 65px;
    background-position: 0 0;
}
ul#main-nav li#mn-offres a {
    width: 91px;
	background-position: -65px 0;
}
ul#main-nav li#mn-mobiles a {
    width: 95px;
	background-position: -156px 0;
}
ul#main-nav li#mn-smartphone a {
    width: 100px;
	background-position: -315px 0;
}
ul#main-nav li#mn-iphone a {
    width: 63px;
	background-position: -252px 0;
}
ul#main-nav li#mn-vous a {
    width: 175px;
	background-position: -415px 0;
}
ul#main-nav li#mn-assistance a {
    width: 84px;
	background-position: -590px 0;
}

ul#main-nav li#mn-accueil a:hover {
    background-position: 0 -28px;
}
ul#main-nav li#mn-offres a:hover {
    background-position: -66px -28px;
}
ul#main-nav li#mn-mobiles a:hover {
    background-position: -156px -28px;
}
ul#main-nav li#mn-smartphone a:hover {
    background-position: -315px -28px;
}
ul#main-nav li#mn-iphone a:hover {
    background-position: -252px -28px;
}
ul#main-nav li#mn-vous a:hover {
    background-position: -415px -28px;
}
ul#main-nav li#mn-assistance a:hover {
    background-position: -590px -28px;
}

ul#main-nav li#mn-accueil.selected a{
    background-position: 0 -28px;
}
ul#main-nav li#mn-offres.selected a{
    background-position: -66px -28px;
}
ul#main-nav li#mn-mobiles.selected a{
    background-position: -156px -28px;
}
ul#main-nav li#mn-smartphone.selected a{
    background-position: -315px -28px;
}
ul#main-nav li#mn-iphone.selected a{
    background-position: -252px -28px;
}
ul#main-nav li#mn-vous.selected a{
    background-position: -415px -28px;
}
ul#main-nav li#mn-assistance.selected a{
    background-position: -590px -28px;
}


/* Main sub-navigation (i.e. the red bar underneeth the main nav tabs). */
ul#main-sub-nav {
	position: absolute;
	top: 88px;
	left: 105px;
	width: 684px;
	height: 31px;
	background: url(../images/header/v2/bg-main-sub-nav.jpg) no-repeat;
}

ul#main-sub-nav.mobiles {
	padding-left: 0px;
	width: 684px;
}
ul#main-sub-nav.rubVirgin {
	padding-left: 0px;
	width: 649px;
}


ul#main-sub-nav li {
/*	display: -moz-inline-block;
	display: inline-block;
*/
	float: left;
}
 

ul#main-sub-nav li a{
	color: #640d54;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

ul#main-sub-nav li:last-child a {
	border: 0;
}

#menuDeroulant
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 100px;
 	z-index:1;
}
#menuDeroulant li
{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

#menuDeroulant li.liberty
{
	width: 182px;
}

#menuDeroulant li.smartphone
{
	font-size:14px;
}

#menuDeroulant li.collector
{
	width: 160px;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited, #main-sub-nav.mobiles li a:link, #main-sub-nav.mobiles li a:visited, #main-sub-nav.rubVirgin li a:link, #main-sub-nav.rubVirgin li a:visited
{
	display: block;
	height: 1%;	 
	margin: 0;
	padding: 8px 14px 8px 12px;
	text-decoration: none;
	background:transparent url(../images/menuderoulant-pipe.png) no-repeat right center;
}

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	font-size:11px;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	font-size:11px;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
 	background-color: #cc0000;


}
#menuDeroulant .sousMenu li a:hover
{	 
	font-size:11px;
	background-image: none;
	background-color: #F2462E;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

/* ===================== */
/* = Main content zone = */
/* ===================== */

/* Layout of the main content zone.
   Page-specific styles are in corresponding stylesheets. */
#wrapper{
	background:#d8dfe3;
}

#main {
    position: relative;
    overflow: hidden;
    margin:0 auto;
	padding:17px 8px 0;
    width: 984px;
    min-height: auto;
    background-color: #FFFFFF;
}

#left-col {
	float: left;
	width: 786px;
	font-size:12px;
}

/* ========== */
/* = Footer = */
/* ========== */

#footer-row {
	background:#FFF url('../images/footer/v2/bg.jpg') no-repeat center 0;
	
}

#footer {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	padding-top: 110px;
	position: relative;
	font-size: 11px;
	line-height: 14px;
	background:#FFF url('../images/footer/v2/bg.jpg') no-repeat center 30px;
	
}

#footer table{
	margin-left:20px;
}

#footer #small-print {
	width: 600px;
	margin: 15px auto 0 auto;
}

#footer #back-to-home {
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 46px;
	width: 108px;
	height: 71px;
}

#footer a {
	padding-right:8px;
	text-decoration: none;
	color: #828282;
	background:transparent url(../images/arrow-marker-gris.png) no-repeat right 4px;
}

#footer h3 {
	padding:0 0 6px;
	font-size: 14px;
	color: #828282;
	font-weight: bold;
	text-decoration: none;
}

#footer h3 a {
	background-position:right 6px;
}

/* ====================================== */
/* = Header minicart (panier déroulant) = */
/* ====================================== */

#header #top-nav li#tn-panier {
	position: relative;
	left:66px;
}

#header #minicart {
	display: none;
	position: absolute;
	left: -3px;
	top: 17px;
	z-index: 100;
	background: url('../images/header/v2/minicart-bg-top-right.png') no-repeat top right;
	height: 243px;
	width: 358px;
	text-indent: 0px;
}

#header #top-nav li#tn-panier:hover #minicart {
	display: block;
}

#header #minicart #minicart-wrapper {
	background: url('../images/header/v2/minicart-bg.png') no-repeat;
	margin-top: 4px;
	height: 239px;
	width: 358px;
}

#header #minicart p.minicart-vide,
#header #minicart p.minicart-mobile,
#header #minicart p.minicart-plan {
	float: left;
	margin-top: 43px;
	font-size: 12px;
	color: #666;
}

#header #minicart p.minicart-mobile img {
	margin-top: -18px;
	margin-right: 10px;
	margin-left: 15px;
	float: left;
}

#header #minicart p.minicart-mobile {
	width: 185px;
}
#header #minicart p.minicart-mobile span.deleteCartItem,
#header #minicart p.minicart-plan span.deleteCartItem {
	width: 21px;
	height: 21px;
	background: url(../images/cart/cart-delete.png) no-repeat;
	float: right;
	margin-right: 5px;	
}
#header #minicart p.minicart-mobile span.deleteCartItem strong,
#header #minicart p.minicart-plan span.deleteCartItem strong{
	display: none;
}

#header #minicart p.minicart-plan {
	border-left: 1px solid #e5e6e6;
	padding-left: 18px;
	width: 154px;
}

#header #minicart p.minicart-vide {
    padding-left: 70px;
	padding-top: 40px;
    width: 284px;
}


#header #minicart p.minicart-total {
	position: absolute;
	bottom: 64px;
	right: 21px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

#header #minicart p.minicart-mobile span.name,
#header #minicart p.minicart-plan span.name {
	font-weight: bold;
	color: #000;
}

#header #minicart p.minicart-mobile span.subname {
	font-weight: bold;
	color: #c00;
}

#header #minicart p.minicart-plan span.subname {
	font-weight: bold;
	color: #000;
}

#header #minicart p.minicart-mobile strong,
#header #minicart p.minicart-plan strong {
	color: #000;
}

#header #minicart p.minicart-mobile span.price,
#header #minicart p.minicart-plan span.price {
	font-weight: bold;
	color: #c00;
	font-size: 16px;
}

#header #minicart p.minicart-plan span.per-month {
	font-size: 16px;
	color: #000;
}

#header #minicart p.minicart-total strong {
	font-size: 16px;
}

#header #minicart p.minicart-total strong span.price {
	color: #c00;
	font-weight: bold;
}

#header #top-nav li#tn-panier div#minicart div#minicart-wrapper a#minicart-commander {
	display: block;
	float: none;
	text-indent: -9999px;
	text-align: left;
	background: url('../images/header/v2/minicart-bt-commander.png') no-repeat scroll top left;
	width: 122px;
	height: 29px;
	position: absolute;
	bottom: 26px;
	right: 20px;
}
/*Vider panier */
#header #top-nav li#tn-panier div#minicart div#minicart-wrapper a#minicart-vider{
	display:block;
	background: url('../images/header/v2/minicart-bt-vider.png') no-repeat scroll top left;
	width: 121px;
	height: 29px;
	position: absolute;
	bottom: 26px;
	left: 20px;
}
/*Fin vider panier */
/* ====================================== */
/* = Send To Friend			      = */
/* ====================================== */

#main #sendFriend {
	display: none;
	position: absolute;
	left: -4px;
	top: 17px;
	z-index: 100;
	text-indent: 0px;
	left : 300px;
	top:100px;
}
#main #sendFriend #formSendFriend {
	width: 367px;
	height: 300px;
}
#main #sendFriend .boxTitleFormSend {
	background:url('../images/product/fd-sendfriend.png') no-repeat;
	width: 367px;
	height: 30px;
}
#main #sendFriend .titleFormSend{
	width: 180px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	margin-top:6px;
	margin-left:5px;
}
#main #sendFriend .closeFormSend {
	width: 50px;
	float:right;
	margin-top:4px;
}
#main #sendFriend .closeFormSend a{
	font-size: 11px;
	text-decoration:underline;
	color:#FFFFFF;
}
#main #sendFriend input{
	width: 190px;
	float:right;
	margin-right:25px;
	margin-top:5px;
}
#main #sendFriend .areaTxt{
	height: 100px;
}
#main #sendFriend .validButton{
	width: 100px;
	clear:both;
	background:url(../images/product/bt-envoyer.png) no-repeat;
	width:129px;
	height:39px;
	border:none;
}
#main #sendFriend #formSendFriend span{
	line-height:25px;
	margin-left:5px;
}
#main #sendFriend #formSendFriend span, input{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	font-weight:bold;
}
#main #sendFriend #formSendFriend #envoiAmiForm,#orderFollow_Form{
	background:url(../images/fd-orderfollow-bottom.png) no-repeat 0 bottom;
	height: 270px;
	margin:0;
}
/* ====================================== */
/* = Order Follow				      = */
/* ====================================== */
#main #followOrder {
	position: absolute;
	left: -4px;
	top: 17px;
	z-index: 100;
	text-indent: 0px;
	left : 300px;
	top:100px;
	display: none;
}
#main #followOrder #formSend {
	width: 482px;
	height: 300px;
}
#main #followOrder #formSend p{
	background:transparent url(../images/separateur.png) repeat-x 0 0;
}

#main #followOrder #formSend p, #envoiAmiForm,#orderFollow_Form label{
	margin:0 1px;
	padding: 14px 0 0 20px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

#main #followOrder #formSend p+p{
	padding: 0 0 0 20px;
	background:none;
}

#main #followOrder #formSend p span{
	font-weight: normal;
	margin: 0;
}
#main #followOrder .boxTitleFormSend {
	background: url('../images/fd-orderfollow.png') no-repeat;
	width: 482px;
	height: 34px;
	line-height: 34px;
}
#main #followOrder .titleFormSend{
	width: 200px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	float:left;
	padding-left:20px;
}
#main #followOrder .closeFormSend {
	padding-right:20px;
	float:right;
}
#main #followOrder .closeFormSend a{
	font-size: 11px;
	text-decoration:underline;
	color:#FFFFFF;
}
#main #followOrder .areaTxt{
	height: 100px;
}
#main #followOrder .validButton{
	width: 100px;
	clear:both;
}
#main #followOrder #formSend span, input{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	font-weight:bold;
}
#main #followOrder #formSend span.small{
	font-size:10px;
	font-weight:bold;
}
#main #followOrder #formSend #envoiAmiForm,#orderFollow_Form{
	height: 200px;
}
#main #followOrder #formSend #envoiAmiForm,#orderFollow_Form label, .dateBirth label{
	float: left;
}
#main #followOrder #formSend #envoiAmiForm,#orderFollow_Form .cmdNb{
	height: 30px;
}
#main #followOrder #formSend .dateBirth{
	height: 35px;
	margin-top: 0;
}
#main #followOrder #formSend .cmdNb input{
	float: right; 
	margin-right: 20px;
}
#main #followOrder #formSend .dateBirth input, .cmdNb input{
	margin-top: 12px;
}
#main #followOrder #formSend .dateBirth .dates{
	width: 190px;
	height: 30px;
	float: right;
}
#main #followOrder #formSend #envoiAmiForm,#orderFollow_Form  .dateBirth .dates input.day, input.month{
	width: 30px;
}
#main #followOrder #formSend #envoiAmiForm,#orderFollow_Form .dateBirth .dates input.year{
	width: 50px;
	margin-left: 10px;
}
#main #followOrder #formSend #envoiAmiForm,#orderFollow_Form .dateBirth input.day{
	margin-left: 19px;
	margin-right: 10px;
}
#main #followOrder #formSend #envoiAmiForm,#orderFollow_Form .row-valider{
	width: 482px;
	height: 30px;
}
#main #followOrder #formSend #envoiAmiForm,#orderFollow_Form button{
	background: url('../images/html/bt-valider-large.png') no-repeat;
	float: right; 
	margin:10px 20px 0 0;
	_margin-right: 10px 10px 0 0;
	width: 165px;
	height: 44px;
}
#main #followOrder #formSend #envoiAmiForm,#orderFollow_Form div.errMsg{
	color: #c00;
	font-size: 12px;
	margin-left: 10px;
}

/* ========================================== 	*/
/*Page maintenance					*/
/* ==========================================	*/			

body.maintenance #main{
	height: 200px;
}
body.maintenance #main h2{
	font-weight: bold;
	size: 14px;
	text-align: center;
	color: #999999;
}

/* ========================================== 	*/
/* PNG reduc Management mobile - big - mobile page*/
/* ========================================== 	*/
div#stage a.reducPng{
	position: absolute;
	width: 180px;
	height: 300px;
	margin-left: 7px;
}
div#stage a.reducPng .reduc-pos-1 {
	float: left;
	width: 70px;
	height:70px;
}
div#stage a.reducPng .reduc-pos-2 {
	float: right;
	width: 70px;
	height:70px;
}
div#stage a.reducPng span {
	float: left;
	width: 100%;
	position : absolute;
	bottom: 0;
	left: 0;
}
div#stage a.reducPng span .reduc-pos-3{
	width:180px;
	height:73px;
}
/* =======================================================================	*/
/* PNG reduc Management mobile - other mobiles brand - mobile page and top5 	*/
/* =======================================================================	*/
body.product tr.pic-row td div img,
body.home tr.pic-row td div img  {
	position:absolute;
}
body.product tr.pic-row a.reducPng,
body.home tr.pic-row a.reducPng{
	position: absolute;
	width: 90px;
	height: 150px;
	margin-left: 7px;
	margin-top: -1px;
/*	background-color:#c00;*/
}
body.product tr.pic-row a.reducPng img,
body.home tr.pic-row a.reducPng img{
	position:relative;
}
body.product tr.pic-row a.reducPng .reduc-pos-1,
body.home tr.pic-row a.reducPng .reduc-pos-1{
	float: left;
	width: 35px;
	height: 35px;
}
body.product tr.pic-row a.reducPng .reduc-pos-2,
body.home tr.pic-row a.reducPng .reduc-pos-2  {
	float: right;
	width: 35px;
	height: 35px;
}
body.product tr.pic-row a.reducPng span,
body.home tr.pic-row a.reducPng span {
	float: left;
	width: 100%;
	position : absolute;
	bottom: 0;
	left: 0;
}
body.product tr.pic-row a.reducPng span .reduc-pos-3,
body.home tr.pic-row a.reducPng span .reduc-pos-3 {
	width: 90px;
	height: 37px;
}

/* ======================================================================================= */
/* = contact Identifier popup = */
/* ======================================================================================= */

body #popup-contactidentifier .button_choice_client{
  border:none;
  text-indent:-9999px;
  width:135px;
  height:135px;
  background:url('../images/contact/contact_client.html') bottom left no-repeat;
}

body #popup-contactidentifier #client-choice {
	display: block;
	text-indent: -9999px;
	height: 150px;
	width: 150px;
	margin-right:30px;
	margin-left:30px;
	background: url('../images/contact/client.jpg') no-repeat;
}

body #popup-contactidentifier #client {
	display: block;
	text-indent: -9999px;
	height: 150px;
	width: 150px;
	margin-right:30px;
	margin-left:30px;
	background: url('../images/contact/pas-client.jpg') no-repeat;
}



body #popup-contactidentifier .ou{
	padding-top: 10px;
	font-weight:bold;
	font-size:20px;
}



body #popup-contactidentifier .title{
	display:block;
	width:420px;
	margin-left:0px;
	padding-top: 10px;
	font-weight:bold;
}


body.avantageFamille #left-col h2 {
	/*text-indent: -9999px;
	background: url('/images/imgsite/help/assistance-title.gif') no-repeat;*/
	height: 27px;
	margin: 0 3px;
	font-weight: bold;
	font-size: 22px;
}

body.avantageFamille #left-col #central-zone
  {
 
  font:Arial, Helvetica, sans-serif;
  font-size:12px;
	background: url('../images/refund/bg-central-zone-family.jpg') repeat-y;
	width:986;
	padding-left:30px;
}


body.avantageFamille #left-col .titrehappy
  {
 
  font:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#CC0000;
 
}

body.avantageFamille #left-col .red
  {
 
  font:Arial, Helvetica, sans-serif;
    color:#CC0000;
 }
 
 body.avantageFamille #left-col .redb
  {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#666666;
 }
 
  body.avantageFamille #left-col .mentions
  {
 
  font:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-style:italic;
  
 }
 
   body.avantageFamille #left-col .form-item
  {
 
 margin-top:8px;
 }
 
/*nouveaux*/
.col-case{
	margin:0 0 20px;
	padding:8px 15px 0;
	width:139px;
	background:transparent url(../images/col-case.png) no-repeat 0 55px;
}

.col-case p{
	margin:0 0 8px;
}

.col-case .bottom{
	margin:0 -15px;
	width:169px;
	height:13px;
	background:transparent url(../images/col-case.png) no-repeat 0 bottom;
}

.col-case-left{
	padding:8px 8px 0;
	width:161px;
	background:transparent url(../images/col-case-left.png) no-repeat 0 0;
}

.col-case-left .bottom{
	margin:0 -8px;
	width:177px;
	height:40px;
	background:transparent url(../images/col-case-left.png) no-repeat 0 bottom;
}

.col-case#mobile-selection img, .col-case#engagements img, .col-case#help-menu img, .col-case#mobiles-similaires img{
	display: block;
    margin: -8px -15px 10px;
}

.col-case#mobile-selection span.mobile img{
    margin: 0;
}

#inqC2CImgContainer{
	margin: 0 0 10px;
}


.case-violette{
	margin:0 0 20px;
	padding:0 10px;
	width:156px;
	font-size:12px;
	background:#FFF url(../images/cart/case-violette.png) 0 22px no-repeat;
}

.case-violette .bottom{
	margin:0 -10px;
	width:176px;
	height:16px;
	background:#FFF url(../images/cart/case-violette.png) 0 bottom no-repeat;
}

.case-violette h4{
	display:block;
	float:right;
	margin:0 -10px 16px 0;
	width:113px;
	height:23px;
	text-indent:-9999px;
	font-size:12px;
}

.case-violette h4+p{
	clear:both;
}

.sky_boutiques{
	margin:0 0 20px;
}

body.cart #right-col #cheques{
	margin-top:20px;
}
#right-col #cheques h4{
	background:#FFF url(../images/order/icon-cheque.png) 0 0 no-repeat;
}
#right-col #sec h4{
	background: url(../images/cart/icon-sec.png) 0 0 no-repeat;
}
#right-col #livraison h4{
	background: url(../images/order/icon-livraison.png) 0 0 no-repeat;
}
#right-col #contrat h4{
	background: url(../images/order/icon-contrat.png) 0 0 no-repeat;
}
#right-col #checkout h4{
	background: url(../images/cart/picto-paiement.png) 0 0 no-repeat;
}

/* PRINT CSS */
/*
   widgets.css
   Common widgets reused throughout the whole site.
   
   Created by Ned Baldessin on 2008-08-24.
   Copyright 2008 Ned Baldessin. All rights reserved.
*/


/* =============== */
/* = Bloc Mobile = */
/* =============== */

/* 
	Used on the homepage, the list page, the branded list page.
	There's small variations for this block if it's placed on the homepage.
*/

table.mobile-list td {
	width: 126px;
	margin-right: 4px;
	vertical-align: top;
}

table.mobile-list h3 {
	width: 120px;
	min-height:39px;
	clear:left;
}
table.mobile-list tr.pic-row td div {
	position: relative;
	margin-top: 27px;
}

table.mobile-list ul.pictos {
	position: absolute;
	top: 5px;
	right: 3px;
}

/* I'm not namespacing ul.pictos because it's used
   elsewhere too (product page). */
ul.pictos li {
	display: block;
	text-indent: -9999px;
	width: 25px;
	height: 25px;
	margin-bottom: 4px;
	background: url('../images/sprites-pictos-mobile.png') no-repeat;
}

ul.pictos li.apn { background-position:   0   0; }
ul.pictos li.mp3 { background-position: -24px 0; }
ul.pictos li.wifi { background-position: -48px 0; }
ul.pictos li.video { background-position: -72px 0; }
ul.pictos li.bt { background-position: -96px 0; }
ul.pictos li.msn { background-position: -120px 0; }
ul.pictos li.card { background-position: -144px 0; }
ul.pictos li.tactile { background-position: -168px 0; }
ul.pictos li.net3g { background-position: -192px 0; }
ul.pictos li.getsocial { background-position: -216px 0; }


table.mobile-list h3 {
	margin: 0 3px 8px 0px;
}
table.mobile-list h3 a {
	font: bold 14px/18px Arial, sans-serif;
	/*font: bold 12px/14px Arial, sans-serif;*/
	color: #000;
	text-decoration: none;
}

/* This only appears on the list page I think. */
table.mobile-list p.baseline {
	font-size: 11px;
	height: 26px;
	margin: 0 3px 5px 3px;
}

table.mobile-list tr.price-row td div {
	height: 26px;
	width: 120px;
	margin: 0 3px 7px 3px;
	border-top: 1px solid #d3d4d5;
	border-bottom: 1px solid #d3d4d5;
	font-size: 11px;
	line-height: 26px;
}

table.mobile-list tr.price-row del.slashed-price {
	font: bold 12px Arial, sans-serif;
	color: #333;
	text-decoration: line-through;
}

table.mobile-list tr.price-row span.price {
	font-size: 17px;
	font-weight: bold;
	color: #c00;
}

table.mobile-list a.select,
table.mobile-list a.compare {
	display: block;
	text-indent: -9999px;
	width: 120px;
	height: 26px;
}

table.mobile-list a.select { margin:0 0 6px; background: url('../images/panier_b.jpg') no-repeat;}
table.mobile-list a.compare { background: url('../images/details_b.jpg') no-repeat;}

table.mobile-list em.flag {
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 136px;
	right: 20px;
}

table.mobile-list em.flag.reduc-30 {
	height: 63px;
	width: 86px;
	background: url('../images/reduc-30.png') no-repeat;
}

table.mobile-list em.flag.reduc-50 {
	background: url('../images/reduc-50.png') no-repeat scroll top left;
	width: 92px;
	height: 69px;
}

table.mobile-list em.flag.reduc-pack-exclu {
	background: url('../images/reduc-pack-exclu.png') no-repeat scroll top left;
	width: 125px;
	height: 51px;
}

/* ========================================== */
/* = Accordion : collapse and expand blocks = */
/* ========================================== */
.accordion_toggle {
	cursor: pointer;
}

.accordion_content {
	overflow: hidden;
}


/* ============================== */
/* = The Services sidebar block = */
/* ============================== */

#services {
	margin-top: 37px;
	background-position:0 55px;
}

#services img{
	display:block;
	margin:-8px -15px 10px;
}

#services h4 {
	display: block;
	text-indent: -9999px;
	height: 56px;
	background: url('../images/home/right-col-services.png') no-repeat;
}
/*Modif 06/04/09*/
#services a.linkRightCol {
	background:none;
	text-decoration:underline;
	font-weight:normal;
	text-align:left;
	height:auto;
}
/*Fin modif*/

#engagements a.red {
	padding:0 20px 6px 0;
	font: normal 11px Arial, sans-serif;
	color: #c00;
	text-decoration: none;
	text-align:left;
	background: url('../images/right-arrows2.png') no-repeat right 0;
}

#engagements strong {
	font-weight: bold;
	
}

#services strong {
	font-weight: bold;
	
}

#services a {
	font: bold 11px Arial, sans-serif;
	color: #c00;
	text-decoration: none;
	line-height: 22px;
	text-align: right;
}



#services a span {
	display: block;
	padding-right: 22px;
	margin-right: 10px;
	background: url(../images/right-arrows.png) no-repeat right bottom;
}

#services p {
	font-size: 12px;
	line-height: 16px;
}
/* ============================== */
/* = The Engagement sidebar block = */
/* ============================== */

#engagement {
	margin-top: 37px;
	background: url('../images/home/right-col-engagements-bg.png') 102px 38px no-repeat;
}


#engagement h4 {
	display: block;
	text-indent: -9999px;
	height:38px;
	background: url('../images/home/right-col-engagements.png') top left no-repeat;
}

#engagement a {
	display: block;
	background: url('../images/home/right-col-bottom.png') no-repeat;
	height: 23px;
	font: bold 11px Arial, sans-serif;
	color: #c00;
	text-decoration: none;
	line-height: 22px;
	text-align: right;
}

#engagement a span {
	display: block;
	padding-right: 22px;
	margin-right: 10px;
	background: url(../images/right-arrows.png) no-repeat center right;
}

#engagement p {
	font-size: 12px;
	line-height: 16px;
	width:158px;
	padding:8px 0px 8px 10px;	
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

/* ============================== */
/* = The Included sidebar block = */
/* ============================== */

#included {
	margin-top: 37px;
}


#included h4 {
	display: block;
	text-indent: -9999px;
	height: 56px;
	background: url('../images/myPlan/bg-title-included.png') no-repeat;
}

#included p {
	font-size: 12px;
	line-height: 16px;
	padding: 8px 15px 6px 15px;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

/* ============================== */
/* = The Help sidebar block = */
/* ============================== */

#help {
	height:260px; /*modif 06/04/09. Sinon 230*/
	margin: 12px 3px 0;
	background: url('../images/account/bg-col-help.png') left bottom no-repeat;
}

#help h4 {
	display: block;
	text-indent: -9999px;
	height: 38px;
	margin-bottom:15px;
	background: url('../images/account/bg-col-title-help.png') no-repeat;
}

#help p {
	padding-left:10px;
	/*padding-right:15px;*/
	font-size: 12px;
	line-height: 16px;
	text-align:center;
}
#help p .fixe{
	display:block;
	margin-bottom:5px;
	padding-left:25px;
	font-size:20px;
	font-weight:bold;
	color:#C00;	
	text-align:left;
	background: url('../images/account/picto-tel-rouge.png') center left no-repeat;
}
#help p .price{
	color:#666;
	font-size:11px;
	font-style:italic;	
}
#help p.helpMobile{
	margin-top: 10px;
	border-top: 1px solid #d8d8d8;
	padding-top: 10px;
	padding-left: 0;
}
#help p .mobile{
	display:block;
	height:26px;
	line-height:26px;
	margin-left:40px;
	padding-left:30px;
	font-size:20px;
	font-weight:bold;
	color:#C00;	
	text-align:left;
	background: url('../images/account/picto-mobile-rouge.png') center left no-repeat;
}
/* =============== */
/* = Breadcrumbs = */
/* =============== */

p#breadcrumbs {
	height: 35px;
	border-top: 1px solid #640d54;
	border-bottom: 1px solid #d3d4d5;
	/*background: url('../images/list/etape-3.png') no-repeat right center;*/
}

p#breadcrumbs a.retour {
	font-size: 11px;
	height: 35px;
	line-height: 35px;
	color:#640d54;
}


/* Etape choix mobile. */
p#breadcrumbs span.b-1-mobile,
p#breadcrumbs a.b-1-mobile,
p#breadcrumbs span.b-2-mobile,
p#breadcrumbs a.b-2-mobile {
	height: 35px;
	width: 135px;
	display: block;
	float: right;
	text-indent: -9999px;
}
p#breadcrumbs span.b-1-mobile,
p#breadcrumbs a.b-1-mobile {
	background: url('../images/breadcrumbs/1-mobile.png') no-repeat;
}
p#breadcrumbs span.b-2-mobile,
p#breadcrumbs a.b-2-mobile {
	background: url('../images/breadcrumbs/2-mobile.png') no-repeat;
}
p#breadcrumbs span.b-1-mobile,
p#breadcrumbs span.b-2-mobile { background-position: 0px -38px; }
p#breadcrumbs span.b-1-mobile.current,
p#breadcrumbs span.b-2-mobile.current { background-position: 0px -1px; }
p#breadcrumbs a.b-1-mobile,
p#breadcrumbs a.b-2-mobile { background-position: 0 -75px; }


/* Etape choix offre. */
p#breadcrumbs span.b-1-offre,
p#breadcrumbs a.b-1-offre,
p#breadcrumbs span.b-2-offre,
p#breadcrumbs a.b-2-offre {
	height: 35px;
	width: 131px;
	display: block;
	float: right;
	text-indent: -9999px;
}
p#breadcrumbs span.b-1-offre,
p#breadcrumbs a.b-1-offre {
	background: url('../images/breadcrumbs/1-offre.png') no-repeat;
}
p#breadcrumbs span.b-2-offre,
p#breadcrumbs a.b-2-offre {
	background: url('../images/breadcrumbs/2-offre.png') no-repeat;
}
p#breadcrumbs span.b-1-offre,
p#breadcrumbs span.b-2-offre { background-position: 0px -38px; }
p#breadcrumbs span.b-1-offre.current,
p#breadcrumbs span.b-2-offre.current { background-position: 0px -1px; }
p#breadcrumbs a.b-1-offre,
p#breadcrumbs a.b-2-offre { background-position: 0 -75px; }


/* Etape commande. */
p#breadcrumbs span.b-3-commander,
p#breadcrumbs a.b-3-commander {
	height: 35px;
	width: 86px;
	display: block;
	float: right;
	text-indent: -9999px;
	background: url('../images/breadcrumbs/3-commander.png') no-repeat;
}
p#breadcrumbs span.b-3-commander { background-position: 0px -38px; }
p#breadcrumbs span.b-3-commander.current { background-position: 0px -1px; }
p#breadcrumbs a.b-3-commander { background-position: 0 -75px; }


/* ======================= */
/* = Imprimer cette page = */
/* ======================= */

a.print-page {
	display: block;
	text-indent: -9999px;
	background: url('../images/bt-imprimer-cette-page.png') no-repeat scroll top left;
	width: 127px;
	height: 18px;
}

/* ================== */
/* = Bouton valider = */
/* ================== */

button.valider {
	background: url('../images/bt-valider.png') no-repeat scroll top left;
	width: 82px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

button.ok  {
	background: url('../images/bt-ok.png') no-repeat scroll top left;
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

/* =============================== */
/* = Drawer (tiroir comparateur) = */
/* =============================== */

#drawer-container {
	height: 330px; /* This is the ideal height. I'm adding some more because of the 'spring' JS effect. */
	height: 360px;
	width: 100%;
	position: fixed;
	bottom: -302px;
	z-index: 200;
}

#drawer {
	height: 330px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#drawer #drawer-tab {
	background: url('../images/drawer/closed.png') no-repeat;
	background-position: -8px 0;
	height: 58px;
	position: relative;
}

#main div.drawer-clear-fix {
	height: 1px;
	clear: both;
	overflow: hidden;
}

#handle #drawer-count {
	position: absolute;
	top: 11px;
	left: 564px;
	font: normal 10px Arial, sans-serif;
	color: white;
}

.arrow {
	background: url('../images/drawer/fleche-bas.png') no-repeat;
	width: 9px;
	height: 6px;
	position: absolute;

}

#arrow1 {
	top: 14px;
	left: 455px;
}

#arrow2 {
	top: 14px;
	left: 583px;
}

#close {
	position: absolute;
	top: 38px;
	right: 20px;
	background: url('../images/drawer/vider.png') no-repeat;
	/*width: 169px;*/
	width: 20px;
	background-position: top right;
	height: 14px;
	outline: none;
}

#empty-and-close {
	position: absolute;
	top: 65px;
	right: 20px;
	width: 169px;
	height: 14px;
	outline: none;
	font: normal 11px Arial;
	text-align: right;
	color: #c00;
}

#compared-content {
	background: url('../images/drawer/bg.png') repeat-y;
	background-position: -8px;
	padding: 0 10px;
	overflow: auto;
	height: 302px;
}

.drop-zone:first-child {
	margin-left: 65px;
}

.drop-zone {
	float: left;
	height: 148px;
	width: 117px;
	margin: 30px 65px 20px 0;
	text-align: center;
}

.drop-zone.state-normal {
	background: url('../images/drawer/drop-zone.png') no-repeat;
	background-position: top left;
}

.drop-zone.state-hover {
	background-image: none;
	background-color: #ffff99;
}

#button-compare {
	display: block;
	background: url('../images/drawer/button-compare.png') no-repeat;
	height: 37px;
	width: 134px;
	position: absolute;
	right: 20px;
	bottom: 10px;
}