/* 2020-9-29-7201-1 /!\ 02/10/2020 04:02:13 */

/*BEGIN:/mobiles/font/font.css*/
@font-face {
    font-family: 'Orangesans35';
    src: url(/mobiles/font/orangesans35-webfont.eot);
    src: url(/mobiles/font/orangesans35-webfont.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/orangesans35-webfont.woff) format('woff'),
         url(/mobiles/font/orangesans35-webfont.ttf) format('truetype');
       
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Orangesans45';
    src: url(/mobiles/font/orangesans45-webfont.eot);
    src: url(/mobiles/font/orangesans45-webfont.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/orangesans45-webfont.woff) format('woff'),
         url(/mobiles/font/orangesans45-webfont.ttf) format('truetype');
       
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Orangesans55';
    src: url(/mobiles/font/orangesans55-webfont.eot);
    src: url(/mobiles/font/orangesans55-webfont.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/orangesans55-webfont.woff) format('woff'),
         url(/mobiles/font/orangesans55-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Orangesans65';
    src: url(/mobiles/font/orangesans65-webfont.eot);
    src: url(/mobiles/font/orangesans65-webfont.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/orangesans65-webfont.woff) format('woff'),
         url(/mobiles/font/orangesans65-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Orangesans75';
    src: url(/mobiles/font/orangesans75-webfont.eot);
    src: url(/mobiles/font/orangesans75-webfont.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/orangesans75-webfont.woff) format('woff'),
         url(/mobiles/font/orangesans75-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*** Helvetica V2***/

@font-face {
    font-family: 'helvetica35';
    src: url(/mobiles/font/HelvNeue35_W1G.eot);
    src: url(/mobiles/font/HelvNeue35_W1G.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/HelvNeue35_W1G.woff) format('woff'),
         url(/mobiles/font/HelvNeue35_W1G.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica45';
    src: url(/mobiles/font/HelvNeue45_W1G.eot);
    src: url(/mobiles/font/HelvNeue45_W1G.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/HelvNeue45_W1G.woff) format('woff'),
         url(/mobiles/font/HelvNeue45_W1G.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica55';
    src: url(/mobiles/font/HelvNeue55_W1G.eot);
    src: url(/mobiles/font/HelvNeue55_W1G.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/HelvNeue55_W1G.woff) format('woff'),
         url(/mobiles/font/HelvNeue55_W1G.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica65';
    src: url(/mobiles/font/HelvNeue65_W1G.eot);
    src: url(/mobiles/font/HelvNeue65_W1G.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/HelvNeue65_W1G.woff) format('woff'),
         url(/mobiles/font/HelvNeue65_W1G.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica75';
    src: url(/mobiles/font/HelvNeue75_W1G.eot);
    src: url(/mobiles/font/HelvNeue75_W1G.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/HelvNeue75_W1G.woff) format('woff'),
         url(/mobiles/font/HelvNeue75_W1G.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*** Helvetica ***/

@font-face {
    font-family: 'helvneue35';
    src: url(/mobiles/font/helvneue35.eot);
    src: url(/mobiles/font/helvneue35.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/helvneue35.woff) format('woff'),
         url(/mobiles/font/helvneue35.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvneue45';
    src: url(/mobiles/font/helvneue45.eot);
    src: url(/mobiles/font/helvneue45.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/helvneue45.woff) format('woff'),
         url(/mobiles/font/helvneue45.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvneue55';
    src: url(/mobiles/font/helvneue55.eot);
    src: url(/mobiles/font/helvneue55.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/helvneue55.woff) format('woff'),
         url(/mobiles/font/helvneue55.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvneue65';
    src: url(/mobiles/font/helvneue65.eot);
    src: url(/mobiles/font/helvneue65.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/helvneue65.woff) format('woff'),
         url(/mobiles/font/helvneue65.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvneue75';
    src: url(/mobiles/font/helvneue75.eot);
    src: url(/mobiles/font/helvneue75.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/helvneue75.woff) format('woff'),
         url(/mobiles/font/helvneue75.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'boosted';
    font-style: normal;
    font-weight: 400;
    src: url(/mobiles/font/boosted.eot);
    src: url(/mobiles/font/boosted.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/boosted.woff) format('woff'),
         url(/mobiles/font/boosted.ttf) format('truetype');
}
/*boosted*/
@font-face {
    font-family: 'HelvNeueOrange';
    font-style: normal;
    font-weight: 400;
    src: url(/mobiles/font/HelvNeue55_W1G.eot);
    src: url(/mobiles/font/HelvNeue55_W1G.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/HelvNeue55_W1G.woff) format('woff'),
         url(/mobiles/font/HelvNeue55_W1G.ttf) format('truetype');
}
@font-face {
    font-family: 'HelvNeueOrange';
    font-style: normal;
    font-weight: 700;
    src: url(/mobiles/font/HelvNeue75_W1G.eot);
    src: url(/mobiles/font/HelvNeue75_W1G.eot?#iefix) format('embedded-opentype'),
         url(/mobiles/font/HelvNeue75_W1G.woff) format('woff'),
         url(/mobiles/font/HelvNeue75_W1G.ttf) format('truetype');
}
/*END:/mobiles/font/font.css*/


/*BEGIN:https://static.boutique.orange.fr/medias/newshop/toolkit-ns/stylesmut-ns.css*/
/*====== STYLES MUTUALISES NEWSHOP =========*/
.grid10 {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/grid10.png) repeat-y center 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10001;
    opacity: 0.2;
}
body {font-family: Arial, Helvetica,sans-serif; color:#333;}

.display-none {
    display: none !important;
}
.hidden {
    visibility: hidden;
}
/*====== PALETTE COULEURS NEWSHOP =========*/
/*
 GRIS
  #333333 : corps de texte / titre produit / titre rubrique / paragraphe / bouton et lien / pictogramme
  #666666 : titre page / sous-titre / titre produit / titre rubrique / nav transverse / pictogramme
  #999999 : texte notification / pictogramme
 ORANGE
  #FF9900 : pictogramme
  #f16e00 : texte prix / texte prioritaire / element & texte actif / bouton & lien / pictogramme
 VERT
  #339900 : etat "disponible" / texte / bouton / pictogramme
 ROUGE
  #FF0000 : etat "indisponible" / texte alerte, erreur / bouton / pictogramme
*/
/*--------- Typos ---------*/
.OrangesansLight,
.OrangesansLight p { font-family: orangesans45,Arial,sans-serif; }
.OrangesansRoman,
.OrangesansRoman p { font-family: orangesans55,Arial,sans-serif; }
.OrangesansMedium,
.OrangesansMedium p { font-family: orangesans65,Arial,sans-serif; }
.OrangesansBold,
.OrangesansBold p { font-family: orangesans75, Arial, sans-serif; font-weight: normal!important; }


/*--------- Couleurs ---------*/
.MutColor01 {color:#333}
.MutColor02 {color:#666}
.MutColor03 {color:#999}
.MutColor04 {color:#f16e00} /* anciennement #f60 */
.MutColor05 {color:#339900}
.MutColor06 {color:#ff0000}
.MutColor07 {color:#fff}

/*--------- Couleurs de fond ---------*/
.bkg-fff{background: #fff !important;}
.bkg-eee{background: #eee !important;}
.bkg-ddd{background: #ddd !important;}
.bkg-ccc{background: #ccc !important;}
.bkg-999{background: #999 !important;}
.bkg-f6f6f6{background: #f6f6f6 !important;}

/*--------- Titres ---------*/
.MutTitle01St01 {font-size:34px; font-weight:normal; font-family: helvneue75,Arial,sans-serif; color:#000}/* convient pour le grand titre de la page et occasionnellement comme titre de rubrique dans les pages d�accueil*/
.MutTitle02St01 {font-size:24px; font-weight:normal; font-family: orangesans45,Arial,sans-serif; color:#666}/* convient pour les sous-titres (ref. pages forfait) et les titres de produits */
.MutTitle02St02 {font-size:24px; font-weight:normal; font-family: orangesans65,Arial,sans-serif; color:#333}/* convient pour les titres de produit */
.MutTitle02St03 {font-size:24px; font-weight:bold; font-family: orangesans45,Arial,sans-serif; color:#666}/* convient pour les titres de rubrique */
.MutTitle02St04 {font-size:28px; line-height: 27px; font-family: orangesans65,Arial,sans-serif; color:#333;}
.MutTitle03St01 {font-size:20px; font-weight:normal; font-family: orangesans65,Arial,sans-serif; color:#666}
.MutTitle04St01 {font-size:18px; font-weight:normal; font-family: orangesans45,Arial,sans-serif; color:#666}/* convient pour les sous-titres (ref. pages forfait) */
.MutTitle02St05 {color: #666666;font-family: orangesans45,Arial,sans-serif;font-size: 30px;font-weight: normal;
}
/*--------- Textes ---------*/
.MutText01 {font-size:11px;}
.MutText02 {font-size:13px;}
.MutText03 {font-size:13px; font-weight:bold;}
.MutText04 {font-size:14px; font-weight:bold;}
.MutText05 {font-size:15px; font-weight:bold;}
.MutText06 {font-size:15px;}
.MutText07 {font-size:18px;}
.MutText08 {font-size:24px;}

/* Typographie */
.font-size10 { font-size: 10px }
.font-size11 { font-size: 11px }
.font-size12 { font-size: 12px }
.font-size13 { font-size: 13px }
.font-size14 { font-size: 14px }
.font-size15 { font-size: 15px }
.font-size16 { font-size: 16px }
.font-size17 { font-size: 17px }
.font-size18 { font-size: 18px }
.font-size19 { font-size: 19px }
.font-size20 { font-size: 20px }
.font-size21 { font-size: 21px }
.font-size22 { font-size: 22px }
.font-size23 { font-size: 23px }
.font-size24 { font-size: 24px }
.font-size25 { font-size: 25px }
.font-size26 { font-size: 26px }
.font-size27 { font-size: 27px }
.font-size28 { font-size: 28px }
.font-size29 { font-size: 29px }
.font-size30 { font-size: 30px }

/*--------- prix ---------*/
.MutPrice01 {float:left; width:auto; font-size:18px;}
	.MutPrice01 span {float:left; line-height:60px; color:#333;}
	.MutPrice01 .price {float:left; width:auto; margin:0 3px; font-size:46px; text-align:left; line-height:44px; color:#f16e00;}
	.MutPrice01 sup {display:inline; float:left; width: 10px; font-size:18px; color:#f16e00; vertical-align: text-top;}
	.MutPrice01 sub {float:left; width:auto; margin:20px 0 0 -9px; display:inline-block; font-size:18px; color:#333; vertical-align: text-bottom;}
	
.MutPrice02 {float:left; width:auto; font-size:18px;}
	.MutPrice02 span {float:left; line-height:38px; color:#333;}
	.MutPrice02 .price {float:left; width:auto; margin:0 3px 0 5px; font-size:32px; text-align:left; line-height:30px; color:#f16e00;}
	.MutPrice02 sup {display:inline; float:left; width:28px; font-size:16px; color:#f16e00; vertical-align: text-top; line-height:18px;}
	.MutPrice02 sub {float:left; width:auto; margin:13px 0 0 -25px; display:inline-block; font-size:13px; color:#333; vertical-align: text-bottom;}
	.MutPrice02 span.barred{text-decoration:line-through; color: #999}

.MutPrice03 {float:left; width:auto; font-size:13px;}
	.MutPrice03 span {float:left; line-height:42px; color:#333;}
	.MutPrice03 .price {float:left; width:auto; margin:0 0 0 5px; font-size:32px; text-align:left; line-height:29px; color:#f16e00;}
	.MutPrice03 sup {display:inline; float:left; width: 30px; font-size:16px;line-height: 18px; color:#f16e00; vertical-align: text-top;}
	.MutPrice03 sub {float:left; width:auto; margin:13px 0 0 -27px; display:inline-block; font-size:13px; color:#333; vertical-align: text-bottom;}
	
.MutPrice04 { width:auto; font-size:13px;}
	.MutPrice04 span {float:left; line-height:32px; color:#333;}
	.MutPrice04 .price {float:left; width:auto; margin:0 3px 0 5px; font-size:24px; text-align:left; line-height:25px; color:#f16e00;}
	.MutPrice04 sup {display:inline; float:left; font-size:14px; color:#f16e00; vertical-align: text-top;}
	.MutPrice04 sub {float:left; width:auto; margin:23px 0 0 -48px; display:inline-block; font-size:13px; color:#333; vertical-align: text-bottom;}
	
.MutPrice05 {float:right; width:auto; font-size:18px;}
	.MutPrice05 .price {float:left; width:auto; font-size:32px; text-align:left; line-height:30px; color:#f16e00;}
	.MutPrice05 .from {display:block; font-size: 13px;line-height: 30px;}
	.MutPrice05 sup {display:inline; float:left; font-size:16px; color:#f16e00; vertical-align: text-top;}
	.MutPrice05 sub {display:inline-block; float:left; width:auto; margin:30px 0 0 -66px; font-size:13px; color:#333; vertical-align: text-bottom;}
	
.MutPrice06 {width:auto; font-size:18px; color:#999;}
	.MutPrice06 .price {float:left; width:auto; line-height: 20px;}
	.MutPrice06 sup {display:inline; float:left; font-size:11px; vertical-align: text-top;}
	
.MutPrice07 {width:auto; font-size:13px;}
	.MutPrice07 .price {float:left; width:auto; font-size:24px; text-align:left; line-height:24px; color:#f16e00;}
	.MutPrice07 sup {display:inline; float:left; font-size:11px; color:#f16e00; vertical-align: text-top;}
	.MutPrice07 sub {display:inline-block; float:left; width:auto; margin:7px 0 0 5px; font-size:13px; color:#333; vertical-align: text-bottom;}
	
.MutPrice08 {width:auto; font-size:13px;}
    .MutPrice08 div {float:right;}
	.MutPrice08 .price {float:left; width:auto; font-size:24px; text-align:left; line-height:24px; color:#f16e00;}
	.MutPrice08 sup {display:inline; float:left; font-size:11px; color:#f16e00; vertical-align: text-top;}
	.MutPrice08 sub {display:block; clear:both; width:auto; font-size:11px; color:#333; vertical-align: text-bottom;}
	
.MutPrice09 {float:left; width:auto; font-size:18px;}
	.MutPrice09 span {float:left; line-height:38px; color:#333;}
	.MutPrice09 .price {float:left; width:auto; margin:0 3px 0 5px; font-size:42px; text-align:left; line-height:38px; color:#f16e00;}
	.MutPrice09 sup {display:inline; float:left; width:28px; font-size:16px; color:#f16e00; vertical-align: text-top; line-height:21px;}
	.MutPrice09 sub {float:left; width:auto; margin:13px 0 0 -25px; display:inline-block; font-size:13px; color:#333; vertical-align: text-bottom;}
	.MutPrice09 span.barred{text-decoration:line-through;color: #999}
	
/*--------- liens ---------*/
.MutLink01 { font-size:14px; padding:0 15px 0 0; font-weight:bold; color:#333; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% 4px; }
.MutLink01:hover, .MutLink01.pointerHover{color:#f16e00; background-position:100% -78px; text-decoration:none;}

.MutLink02 { font-size:14px; padding:0 0 0 15px; font-weight:bold; color:#333; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 0% -17px; }
.MutLink02:hover{color:#f16e00; background-position:0% -99px; text-decoration:none;}

.MutLink03 { font-size:13px; padding:0 0 0 15px; font-weight:bold; color:#333; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 0% -40px; }
.MutLink03:active {background-position:0% -143px; text-decoration:none;}

.MutLink04 { font-size:13px; padding:0 15px 0 0; font-weight:bold; color:#333; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% -40px; }
.MutLink04:active {background-position:100% -143px; text-decoration:none;}

.MutLink05 { background: url(//static.boutique.orange.fr/medias/newshop/css/css-990/skin-common/chevron-orange-left.png) no-repeat scroll right center transparent; display: block; font-size: 13px; font-weight: bold; padding-right: 8px; }

.MutLink06 { font-size:14px; padding:0 0 0 15px; font-weight:bold; color:#FFF; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% -161px; }
.MutLink06:hover { text-decoration: underline; }

/* Lien noir / devient orange en hover */
.MutLinkBlack{
	color: #000;
	font: normal 14px/18px 'orangesans75', Arial,sans-serif;
}

.MutLinkBlack:hover,
.pointer:hover .MutLinkBlack{
	color: #f16e00;
	text-decoration: underline;
}
.MutLinkBlack.MutLink01 {
    background-position: 100% 6px;
}
.MutLinkBlack.MutLink01:hover,
.MutLinkBlack.MutLink01.pointerHover {
    background-position: 100% -76px;
}

/* Lien noir avec chevron / chevron devient orange en hover */
.MutLinkBlackChevron{
  background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% -161px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  padding-right: 13px;
}

.MutLinkBlackChevron:hover,
.MutLinkBlackChevron.pointerHover
.pointer:hover .MutLinkBlackChevron{
  background-position: 100% 3px;
  text-decoration: underline;
}

/*--------- liste d�roulante ---------*/
.MutList01 {display:inline-block; position:relative; z-index:1;}
.MutList01 .top {height:26px; line-height:26px; font-size:13px; color:#333; border:1px solid #D3D3D3; overflow: hidden;}
.MutList01 .value {display:block; float:left; position:relative; padding:0 15px; text-align:center;}
.MutList01 a {float:right; height:26px; width:26px; text-decoration:none; border-left:1px solid #D3D3D3; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat scroll 55% -34px transparent;}
.MutList01 a:active {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat scroll 55% -137px transparent;} 

/*--------- boutons ---------*/
.Btn01, .Btn02, .Btn03, .Btn04, .Btn05, .Btn06, .Btn07,  .Btn08, .Btn12 {display: inline; float: left; height: 50px;  padding-right: 32px; overflow: hidden; text-align:center; line-height: 50px; text-decoration: none; cursor:pointer;}
.Btn01 span, .Btn02 span, .Btn03 span, .Btn04 span, .Btn05 span, .Btn06 span, .Btn07 span, .Btn08 span, .Btn12 span {display: block; min-width:90px; padding: 0 0 0 32px; font-size: 14px; font-weight: bold; line-height: 50px;}
.Btn01:hover, .Btn02:hover, .Btn05:hover {background-position:right -50px; text-decoration:none;}
.Btn03:hover, .Btn04:hover, .Btn07:hover, .Btn08:hover, .Btn12:hover {text-decoration:none;}
.Btn01:hover span, .Btn02:hover span, .Btn05:hover span {background-position:left -50px;}
.Btn09, .Btn10, .Btn11 {display: inline; float: left; padding-right: 31px; overflow: hidden; text-align:center; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-select-01.png) no-repeat; text-decoration: none; cursor:pointer;}
.Btn09 span, .Btn10 span, .Btn11 span  {display: block; min-width:30px; padding: 0 0 0 31px; font-size: 14px; font-weight: bold; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-select-02.png) no-repeat;}


.Btn01 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-01.png) no-repeat right top;}
.Btn01 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-02.png) no-repeat left top; color: #fff; line-height: 50px;}

.Btn02 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-white-01.png) no-repeat right top;}
.Btn02 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-white-02.png) no-repeat left top; color: #333; line-height: 50px;}

.Btn03 {padding-right:77px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-03.png) no-repeat right top;}
.Btn03 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-02.png) no-repeat left top; color: #fff; line-height: 45px;padding-bottom: 5px;}

.Btn04 {padding-right:77px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-03.png) no-repeat right top; line-height:normal; text-align:right;}
.Btn04 span {padding-top:6px; padding-bottom:11px;background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-02.png) no-repeat left top; color: #fff; line-height: 18px;}

.Btn05 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-01.png) no-repeat right top; line-height:normal;}
.Btn05 span {padding-top:6px; padding-bottom:11px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-02.png) no-repeat left top; color: #fff; line-height: normal;}

.Btn06 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-white-01.png) no-repeat right top; line-height:normal}
.Btn06 span {padding-top:7px; padding-bottom:9px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-white-02.png) no-repeat left top; color: #333; line-height: normal;}
.Btn06 strong {font-weight:bold;}

.Btn07 {height:32px; padding-right:33px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-small-01.png) no-repeat right top; line-height:32px;}
.Btn07 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-small-02.png) no-repeat left top; color: #fff; line-height: 32px;}

.Btn08 {height:32px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-small-01.png) no-repeat right -32px; line-height:32px;    padding-right: 33px;}
.Btn08 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-small-02.png) no-repeat left -32px; color: #333; line-height: 32px;}

.Btn09 {background-position: right top; line-height:34px;}
.Btn09 span {background-position: left top; color: #333; line-height: 32px;}
.Btn09:hover, .Btn09:active, .Btn09.active {background-position:right -34px; text-decoration:none;}
.Btn09:hover span, .Btn09:active span, .Btn09.active span {background-position:left -34px;}

.Btn10 {background-position: right -68px; line-height:52px;}
.Btn10 span {padding-top:8px; padding-bottom:8px; background-position: left -68px; color: #333; line-height: normal;}
.Btn10:hover, .Btn10:active, .Btn10.active, .Btn11:hover, .Btn11:active, .Btn11.active {background-position:right -120px; text-decoration:none;}
.Btn10:hover span, .Btn10:active span, .Btn10.active span, .Btn11:hover span, .Btn11:active span, .Btn11.active span  {background-position:left -120px;}

.Btn11 { line-height:52px; height:49px; width:112px; padding-right:31px; background-position: right -200px; text-align:left; overflow:hidden;}
.Btn11 span {padding:8px 0 8px 20px; background-position: right -200px; color: #333; line-height: normal;}
.Btn11 span strong {font-weight:normal; color:#339900;}
.Btn11 span strong.out {color:#666666;}
.Btn11 span img {display:block; float:left; height:34px; width:34px; margin-right:4px; border:none;}

.Btn12 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-grey-01.png) no-repeat left top;float:right;padding-right:0;}
.Btn12 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-grey-02.png) no-repeat right top; color: #fff; line-height: 50px;padding:0 50px 0 15px;}

.BtnWhiteBig {
  display: inline-block;  
  height: 35px;
  width:232px;
  cursor: pointer;
  padding: 0;
  border: 1px solid #dedede;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: normal normal bold 15px/35px Arial, Helvetica, sans-serif;
  color: #333333;
  text-align: center;
  background: #fff -webkit-linear-gradient(90deg, rgba(0,0,0,0.05) 0, rgba(255,255,255,0.05) 100%);
  background: #fff -moz-linear-gradient(0deg, rgba(0,0,0,0.05) 0, rgba(255,255,255,0.05) 100%);
  background: #fff linear-gradient(0deg, rgba(0,0,0,0.05) 0, rgba(255,255,255,0.05) 100%);
  background-position: 50% 50%;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2) , 2px 2px 2px 0 rgba(255,255,255,0.8) inset;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2) , 2px 2px 2px 0 rgba(255,255,255,0.8) inset;
}

.BtnWhiteBig span:first-child{line-height: 1;}

.BtnWhiteBig span {
    line-height: 18px; 
    vertical-align: middle;
     display: inline-block;

}

.BtnWhiteBig:hover, 
.BtnWhiteBig.pointerHover {
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 1px 0 2px 1px #ececec ;
    box-shadow: 1px 0 2px 1px #ececec ;
}

.ie7 .BtnWhiteBig, 
.ie8 .BtnWhiteBig, 
.ie9 .BtnWhiteBig { background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-white-big.png) repeat-x scroll 0 0 #fff;}

.BtnOrangeBig {
    display: inline-block;		  
	border: 1px solid #f05214;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: normal normal bold 13px/45px Arial;
	color: #fff;
	text-align: center;
	background: -webkit-linear-gradient(90deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	background: -moz-linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	background: linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
}
.BtnOrangeBig:hover, 
.BtnOrangeBig.pointerHover {
    text-decoration: none;
    background: -webkit-linear-gradient(90deg, rgba(247,120,24,1) 0, rgba(255,152,1,1) 100%), #f77818;
	background: -moz-linear-gradient(0deg, rgba(247,120,24,1) 0, rgba(255,152,1,11) 100%), #f77818;
	background: linear-gradient(0deg, rgba(247,120,24,1) 0, rgba(255,152,1,1) 100%), #f77818;
} 
.ie7 .BtnOrangeBig,
.ie8 .BtnOrangeBig,
.ie9 .BtnOrangeBig {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange-big.png) repeat-x 0 0 #f15c19;
}
.ie7 .BtnOrangeBig:hover,
.ie8 .BtnOrangeBig:hover,
.ie9 .BtnOrangeBig:hover,
.ie7 .BtnOrangeBig.pointerHover,
.ie8 .BtnOrangeBig.pointerHover,
.ie9 .BtnOrangeBig.pointerHover {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange-big-hover.png) repeat-x 0 0 #f77818;
}
.BtnOrangeBigFleche {
    display: inline-block;		  
	border: 1px solid #f05214;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    height: 45px;
	font: normal normal bold 13px/45px Arial;
	color: #fff;
	text-align: right;
	background: -webkit-linear-gradient(90deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	background: -moz-linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	background: linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
}
.BtnOrangeBigFleche:hover {
    text-decoration: none;
    background: -webkit-linear-gradient(90deg, rgba(247,120,24,1) 0, rgba(255,152,1,1) 100%), #f77818;
	background: -moz-linear-gradient(0deg, rgba(247,120,24,1) 0, rgba(255,152,1,11) 100%), #f77818;
	background: linear-gradient(0deg, rgba(247,120,24,1) 0, rgba(255,152,1,1) 100%), #f77818;
}

.ie7 .BtnOrangeBigFleche,
.ie8 .BtnOrangeBigFleche,
.ie9 .BtnOrangeBigFleche {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange-big.png) repeat-x 0 0 #f15c19;
}

.ie7 .BtnOrangeBigFleche:hover,
.ie8 .BtnOrangeBigFleche:hover,
.ie9 .BtnOrangeBigFleche:hover {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange-big-hover.png) repeat-x 0 0 #f77818;
}

.BtnOrangeBigFleche span{
   line-height: 18px; 
    vertical-align: middle; 
    display: inline-block; 
    float: none;
}
.BtnOrangeBigFleche .chevron{
    width:30px;
    height:45px;
    margin:0 34px 0 18px;
    display:inline-block;
    float:right;
    background:transparent url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/fleche.png) no-repeat center;
}

.BtnOrangeBigFleche:after{
	content: ""; /* Important, sinon l'�l�ment n'est pas g�n�r�. */
	display: table;
	clear: both;
}

.ie7 .BtnOrangeBigFleche{
	zoom:1;
}

.BtnOrange {
    display: inline-block;    
    border: 1px solid #f05214;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(90deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
    background: -moz-linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
    background: linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
    font-size: 13px;
    color: #fff;
    line-height: 26px;
    padding: 0 29px;
    font-weight: bold;
 letter-spacing:0;
}
.ie7 .BtnOrange,
.ie8 .BtnOrange, 
.ie9 .BtnOrange {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange.png) repeat-x 0 0 #f15c19;
}
.BtnOrange:hover {text-decoration: none;}

.BtnOrangeFlat {
    background: #f16e00;
    color: #fff;
    display: inline-block; 
    font: normal 14px/44px orangesans75, Arial, sans-serif;
    padding: 0 20px;
}
.BtnOrangeFlat.pointerHover,
.BtnOrangeFlat:hover {
    text-decoration: none;
    background: #000;
    color: #fff;
}
.BtnOrangeFlat.disabled,
.button-common-4.disabled{
	background: #ccc;
    border: 0;	
    color: #fff;
}
.button-common-4.disabled{
	pointer-events: none;
}
.BtnOrangeFlat.disabled.pointerHover,
.BtnOrangeFlat.disabled:hover,
.button-common-4.disabled.pointerHover,
.button-common-4.disabled:hover{
	background: #ccc;
	cursor: default;
}
.button-common-1 {
    border: 2px solid #000;
    color: #000; 
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

.button-common-disable {
    border: 2px solid #000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}
.button-common-3 {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.button-common-3:hover {
    background: #fff;
    color: #000;
    text-decoration: none;
}

.button-common-4 {
    border: 2px solid #000;
    color: #000;
    display: inline-block;
    font: normal 14px/36px orangesans75, Arial, sans-serif;
    padding: 0 20px;
    text-decoration: none;
}

.pointer:hover .button-common-1,
.button-common-1:hover,
.button-common-4:hover,
.button-common-4:active{
    background: #000;
    color: #fff;
    text-decoration: none;
}
.pointer:active .button-common-1,
.button-common-1:active,
.button-common-4:focus{
    background: #f16e00 !important;
    border-color: #f16e00;
    color: #fff;
}

/* liens/boutons CTC */
.ctc-orange-small,
.ctc-white-small,
.ctc-white-big {
    cursor: pointer;
    text-align: center;
    box-sizing:border-box;
    
}
.ctc-orange-small {
    background: #f16e00;    
    font: normal 16px/40px helvetica75, Arial, sans-serif;
    width: 188px;  
    color: #fff;  
}
.ctc-white-small:hover,
.ctc-orange-small:hover,
.ctc-white-big:hover {
    background: #000;
    color: #fff;
}
.ctc-white-small {
    background: #fff;
    color: #000;
    font: normal 16px/36px helvetica75, Arial, sans-serif;
    width: 188px;
    border: 2px solid #000;
}
.ctc-white-big {
    background: #fff;
    color: #000;
    font: normal 16px/36px helvetica75, Arial, sans-serif;
    width: 252px;
    border: 2px solid #000;
}
.ctc-link14px,
.ctc-link16px {
    background-image: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png);
    background-repeat: no-repeat;
    padding-right: 15px;
    display: inline;
    cursor: pointer;
}
.ctc-link14px {
    font: normal 14px/20px helvetica75, Arial, sans-serif;
    background-position: 100% -158px;
}
.ctc-link16px {
    font: normal 16px/20px helvetica75, Arial, sans-serif;
    background-position: 100% -156px;
}
.ctc-link14px:hover,
.ctc-link16px:hover {
    color: #f16e00;
    
}
.ctc-link14px:hover {
    background-position: 100% 6px;
}
.ctc-link16px:hover {
    background-position: 100% 8px;
}
/*--------- sprites ---------*/
.sprite {height:48px; width:47px; background-image:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/icon-sprite.png);}
	.sprite.icon01_01 {background-position:0 0;}
	.sprite.icon01_02 {background-position:-90px 0;}
	.sprite.icon01_03 {background-position:-171px 0;}
	.sprite.icon01_04 {background-position:0 -70px;}
	.sprite.icon01_05 {background-position:-90px -70px;}
	.sprite.icon01_06 {background-position:-171px -70px;}
	.sprite.icon01_07 {background-position:0 -140px;}
	.sprite.icon01_08 {background-position:-90px -140px;}
	.sprite.icon01_09 {background-position:-171px -140px;}
	.sprite.icon01_10 {background-position:0 -210px;}
	.sprite.icon01_11 {background-position:-90px -210px;}
	.sprite.icon01_12 {background-position:-171px -210px;}
	.sprite.icon01_13 {background-position:0 -280px;}
	.sprite.icon01_14 {background-position:-90px -280px;}
	.sprite.icon01_15 {background-position:-171px -280px;}
	.sprite.icon01_16 {background-position:0 -350px;}
	.sprite.icon01_17 {background-position:-90px -350px;}
	.sprite.icon01_18 {background-position:-171px -350px;}
	.sprite.icon01_19 {background-position:0 -420px;}
	.sprite.icon01_20 {background-position:-90px -420px;}
	.sprite.icon01_21 {background-position:-171px -420px;}
	.sprite.icon01_22 {background-position:0 -490px;}
	.sprite.icon01_23 {background-position:-90px -490px;}
	.sprite.icon01_24 {background-position:-171px -490px;}
	.sprite.icon01_25 {background-position:-250px 0;}
	
	.sprite.icon02_01 {background-position:0 -538px;}
	.sprite.icon02_02 {background-position:-90px -538px;}
	.sprite.icon02_03 {background-position:-171px -538px;}
	.sprite.icon02_04 {background-position:0 -608px;}
	.sprite.icon02_05 {background-position:-90px -608px;}
	.sprite.icon02_06 {background-position:-171px -608px;}
	.sprite.icon02_07 {background-position:0 -678px;}
	.sprite.icon02_08 {background-position:-90px -678px;}
	.sprite.icon02_09 {background-position:-171px -678px;}
	.sprite.icon02_10 {background-position:0 -748px;}
	.sprite.icon02_11 {background-position:-90px -748px;}
	.sprite.icon02_12 {background-position:-171px -748px;}
	.sprite.icon02_13 {background-position:0 -818px;}
	.sprite.icon02_14 {background-position:-90px -818px;}
	.sprite.icon02_15 {background-position:-171px -818px;}
	.sprite.icon02_16 {background-position:0 -888px;}
	.sprite.icon02_17 {background-position:-90px -888px;}
	.sprite.icon02_18 {background-position:-171px -888px;}
	.sprite.icon02_19 {background-position:0 -959px;}
	.sprite.icon02_20 {background-position:-90px -959px;}
	.sprite.icon02_21 {background-position:-171px -959px;}
	.sprite.icon02_22 {background-position:0 -1029px;}
	.sprite.icon02_23 {background-position:-90px -1029px;}
	.sprite.icon02_24 {background-position:-171px -1029px;}
	
	.sprite.icon03_01 {background-position:0 -1076px;}
	.sprite.icon03_02 {background-position:-90px -1076px;}
	.sprite.icon03_03 {background-position:-171px -1076px;}
	.sprite.icon03_04 {background-position:0 -1146px;}
	.sprite.icon03_05 {background-position:-90px -1146px;}
	.sprite.icon03_06 {background-position:-171px -1146px;}
	.sprite.icon03_07 {background-position:0 -1216px;}
	.sprite.icon03_08 {background-position:-90px -1216px;}
	.sprite.icon03_09{background-position:-171px -1216px;}
	.sprite.icon03_10 {background-position:0 -1286px;}
	.sprite.icon03_11 {background-position:-90px -1286px;}
	.sprite.icon03_12 {background-position:-171px -1286px;}
	.sprite.icon03_13 {background-position:0 -1356px;}
	.sprite.icon03_14 {background-position:-90px -1356px;}
	.sprite.icon03_15 {background-position:-171px -1356px;}
	.sprite.icon03_16 {background-position:0 -1426px;}
	.sprite.icon03_17 {background-position:-90px -1426px;}
	.sprite.icon03_18 {background-position:-171px -1426px;}
	.sprite.icon03_19 {background-position:0 -1496px;}
	.sprite.icon03_20 {background-position:-90px -1496px;}
	.sprite.icon03_21 {background-position:-171px -1496px;}
	.sprite.icon03_22 {background-position:0 -1566px;}
	.sprite.icon03_23 {background-position:-90px -1566px;}
	.sprite.icon03_24 {background-position:-171px -1566px;}
	

/* style print pour les liens */

.print { background: transparent url(//static.boutique.orange.fr/medias/newshop/css/css-990/skin-common-command/print.png) no-repeat 0 0; display: block; font-size: 13px; height: 20px; padding-left: 30px; }
/* gestion cms */
.layout { float: left }

/* Class CMS */

.border-left-1px-eee{border-left: 1px solid #eee;}
/* Bkg blanc */
.bkg-fff {
    background: #fff;
}
/*border*/
.border-5px-solid-eee{
  border: 5px solid #eee;
}

/*marges*/
.margin-b9{ margin-bottom: 9px!important; }
.margin-b13 { margin-bottom: 13px!important;}
.margin-b18 { margin-bottom: 18px!important;}
.margin-b27 { margin-bottom: 27px!important;}
.margin-b36,
.margin36 { margin-bottom: 36px!important; }
.margin-b45,
.margin45 { margin-bottom: 45px!important; }
.margin-b72{ margin-bottom: 72px; }
.margin-b5{margin-bottom: 5px !important;}
.margin-b10{margin-bottom: 10px !important;}
.margin-b15{margin-bottom: 15px !important;}
.margin-b20{margin-bottom: 20px !important;}
.margin-b25{margin-bottom: 25px !important;}
.margin-b30{margin-bottom: 30px !important;}
.margin-b35{margin-bottom: 35px !important;}
.margin-b38{margin-bottom: 38px !important;}
.margin-b40{margin-bottom: 40px !important;}
.margin-b55{margin-bottom: 55px !important;}
.margin-b60{margin-bottom: 60px !important;}
.margin-b80{margin-bottom: 80px !important;}

.margin-t30 {
	margin-top: 30px!important;
}
.margin-b72{
	margin-bottom: 72px;
}

/* padding */
.padding-t9 {
    padding-top: 9px!important;
}

.padding-t45 {
    padding-top: 45px!important;
}

/*** Grille pour alignement ***/

.grid-9{
	background: transparent url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/grille-9.png) repeat-y center 0;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10001;
    opacity: 0.5;
}

.grid10 {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/grid10.png) repeat-y center 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10001;
    opacity: 0.2;
}
/*END:https://static.boutique.orange.fr/medias/newshop/toolkit-ns/stylesmut-ns.css*/


/*BEGIN:https://static.boutique.orange.fr/medias/newshop/front/user-interface/css/common.css*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

body {
	background: #fff;
    color: #333; 
    font: .69em Arial, Helvetica, sans-serif; 
    margin: 0; 
    padding: 0;
}
body.reworking {
    background: #eee;
    color: #000;
}

h1, h2, h3, h4, h5, h6 { 
    font-size: 100%; 
    font-family: orangesans45,orangesans65, Arial, sans-serif; 
    font-stretch: normal; 
}

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup { 
    vertical-align: text-top;
}

sub { 
    vertical-align: text-bottom;
}

legend { 
    color: #000;
}

strong { 
    font-weight: bold;
}

i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

small {
    font-size: 11px; 
    font-weight: normal; 
}

a { 
    color: #333; 
    text-decoration: none; 
}
a:hover { 
    text-decoration: underline;
}
a:focus {
    outline: 1px dotted #000;
}

/* ==========================================================================
   Classes communes
   ========================================================================== */

/* Positionnement
   ========================================================================== */
.ie7 .clearfloat {
	zoom: 1;
}

.clearfloat:before,
.clearfloat:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfloat:after {
    clear: both;
}

.clearfix {
    overflow: hidden;
}

.ie7 .inl-block {
    float: left;
}

.inl-block {
    display: inline-block;
    vertical-align: top;
}

.block {
    display: block;
}

/* Alignement
   ========================================================================== */
div#main, 
.conteneur-center {
	margin: auto;
	width: 990px;
}

.txt-center { 
    text-align: center;
}

/* bandeau de 1264px de large a centrer */
.conteneur-bandeau,
.bandeau1280 {
    margin: 0 auto;
    width: 100%;
}

.module-1264,
.module-1280 {
    width: 100% !important;
}

/* Pr�sentation
   ========================================================================== */
.pointer,
.pointer-no-js { 
    cursor: pointer;
}

.ui-state-active { 
    background: none;
}

.striked { 
    text-decoration: line-through;
}

.hidden-elt { 
    display: none;
}

a.focus { 
    outline: 1px dotted #000;
}

.return,
.next { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 2px -17px; 
    color: #333; 
    float: left; 
    font-size: 13px; 
    padding-left: 13px; 
}

.next { 
    float: right; 
}

.shadow { 
    background:url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-choice-mobile/sep-2.png) no-repeat 0 100%; 
    clear: both; 
    height: 18px; 
    margin: 0; 
    width: 940px; 
}

.to-pdf { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/ico-pdf.png) no-repeat  0 -0px; 
    color: #333; 
    float: left; 
    font-size: 13px; 
    line-height: 15px; 
    margin-top: 12px; 
    padding-left: 20px; 
    width: 100%; 
}

.link-to { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat scroll 100% 2px transparent; 
    color: #333; 
    font-weight: bold; 
    padding-right: 12px; 
}

/* Titre mobile */
.mobile-title {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-width: 1px 0;
    font-size: 18px !important;
    line-height: 20px !important;
    margin: 10px auto 8px !important;
    padding: 17px 0 17px 12.5%;
    position: relative;
}

.mobile-title a:before {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sprite-arrow.png) no-repeat 0px -61px;
    content: '';
    display: block;
    height: 13px;
    left: 3.13%;
    position: absolute;
    top: 21px;
    width: 8px;
}

/* Support mobile
   ========================================================================== */
.mobile-show {
	display: none !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {
    .mobile-hide {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }
}

/* Bloc de base
   ========================================================================== */
.white-box {
	background: #fff;
	margin-bottom: 38px;
}

/* Titres
   ========================================================================== */
strong.title-page, 
h1.title-page {
    color: #000; 
    display: block; 
    font: normal 34px helvneue75,Arial,sans-serif; 
    margin: -36px 0 20px 24px; 
    width: 900px; 
}

strong.title-page span {
    color: #000; 
    display: block; 
    font-size: 13px; 
}

/* Boutons / Liens
   ========================================================================== */
.button-common-1 {
    border: 2px solid #333;
    color: #333; 
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.pointer:hover .button-common-1,
.button-common-1:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}
.pointer:active .button-common-1,
.button-common-1:active {
    background: #f16e00;
    border-color: #f16e00;
    color: #fff;
}

.button-common-2 {
	background: #f16e00;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.button-common-2:hover {
    text-decoration: none;
}

.MutLink07,
.MutLink07:after {
    display: inline-block;
}

.MutLink07 {
    background: none;
    color: #333; 
    font-size: 14px; 
    font-weight: bold; 
    text-decoration:none; 
}
.MutLink07:hover {
    color: #f16e00;
}
.MutLink07:after {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 100% 3px; 
    content: '';
    height: 12px;
    margin-left: 10px;
    width: 11px;
}
.MutLink07:hover:after, 
.MutLink07.pointerHover:after {
    background-position: 100% -79px;
}

.MutLinkArrowRight {
	font-weight: bold;
	text-decoration: none;
}
.MutLinkArrowRight.black {
	color: #333;
}
.MutLinkArrowRight:after {
	content: '';
	display: inline-block;
	height: 12px;
	margin-left: 8px;
	width: 9px;
}
.MutLinkArrowRight.white:after {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sprite-arrow.png) no-repeat 0px -164px;
}
.MutLinkArrowRight.black:after {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat right -164px;
    height: 9px;
    width: 9px;
}
.MutLinkArrowRight.bottom.black:after {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sprite-arrow.png) no-repeat 0 -84px;
    height: 8px;
    width: 12px;
}

/* Emulation de listes d�roulantes
   ========================================================================== */

.dyn-ddl { 
    display: inline-block; 
    position: relative; 
    z-index: 2; 
}
.dyn-ddl .dyn-ddl-top { 
    display: block; 
    height: 28px; 
    overflow: hidden; 
    width: 100%; 
    z-index: 1; 
}
.dyn-ddl .dyn-ddl-top .dyn-ddl-value { 
    border: 1px solid #CCC; 
    border-right: none; 
    border-radius: 3px 0 0 3px; 
    display: block; 
    float: left; 
    font-size: 13px; 
    height: 26px; 
    line-height: 26px; 
    text-align: center; 
}
.dyn-ddl .dyn-ddl-top .dyn-ddl-button { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-dyn-ddl-sprite.png) no-repeat center 0; 
    border: 1px solid #CCC; 
    border-radius: 0 3px 3px 0; 
    cursor: pointer; 
    display: block; 
    float: left; 
    height: 26px; 
    width: 28px; 
}
.dyn-ddl.active .dyn-ddl-top .dyn-ddl-button { background-position: 0 100% }
.dyn-ddl .dyn-ddl-list { 
    border: 1px solid #D3D4D4; 
    border-top: none; 
    border-radius: 3px; 
    display: none; 
    max-height: 12em; 
    overflow: auto; 
    padding-top: 1px; 
    position: absolute; 
    z-index: 2; 
}
.dyn-ddl.active .dyn-ddl-list { display: block }
.dyn-ddl .dyn-ddl-list li { 
    background-color: #FFF; 
    display: block; 
    height: 32px; 
    font-size: 13px; 
}
.dyn-ddl .dyn-ddl-list li > a { 
    display: block; 
    font-size: 13px; 
    line-height: 32px; 
    padding-left: 5px; 
}
.dyn-ddl .dyn-ddl-list li > a:hover { 
    background-color: #EEE; 
    text-decoration: none; 
}

/* Etat d�sactiv� */
.dyn-ddl.disabled .dyn-ddl-top .dyn-ddl-value { background-color: #F0F0F0 }
.dyn-ddl.disabled .dyn-ddl-top .dyn-ddl-button { 
    background-position: 0 -27px; 
    cursor: default; 
    outline-width: 0; 
}

/* Emulation de cases � cocher
   ========================================================================== */
.fake-checkbox { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-checkbox.png) no-repeat 0 0; 
    display: inline-block; 
    float: left; 
    height: 17px; 
    margin:0 7px 0 0; 
    overflow: hidden; 
    width: 18px; 
}
.fake-checkbox.checked { background-position: -34px 0 }
.fake-checkbox a { 
    display: block; 
    height: 100%; 
    text-indent: -9999px; 
    width: 100%; 
}
.fake-checkbox a:hover { text-decoration: none }
.ns-checkbox-label { cursor: pointer }
/** Etat d�sactiv� **/
.fake-checkbox.disabled { 
    background-position: -17px 0; 
    cursor: default; 
}
.fake-checkbox.disabled a { 
    cursor: default; 
    outline-width: 0; 
}

/* Emulation de boutons radio
   ========================================================================== */
.fake-radio-button { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-radio.png) no-repeat 0 0; 
    display: inline-block; 
    float: left; 
    height: 16px; 
    overflow: hidden; 
    padding: 0 6px 0 0; 
    width: 18px; 
}

.fake-radio-button.checked { 
    background-position: 0 -34px; 
}
.fake-radio-button a { 
    display: block; 
    text-indent: -9999px; 
    width: 100%; 
}
.fake-radio-button a:hover { 
    text-decoration: none;
}
.ns-radio-button-label { 
    cursor: pointer;
}

/* Etat d�sactiv� */
.fake-radio-button.disabled { 
    background-position: 0 -17px;
}
.fake-radio-button.disabled a { 
    cursor: default; 
    outline-width: 0; 
}

/* ==========================================================================
   Gestion tablette
   ========================================================================== */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    body {
        margin: 0 auto;
        width: 990px;
    }
    .dl-player-container{
        width: 100%;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
    .dl-player-container{
        width: 100%;
    }
}

/* ==========================================================================
   Infobulle
   ========================================================================== */
.info-bubble { 
    background: #FFF; 
    border: 1px solid #CCC; 
    border-radius: 5px; 
    box-shadow: 1px 1px 15px #D3D3D3; 
    color: #000; 
    display: none; 
    font-size: 13px; 
    padding: 18px 24px; 
    position: absolute; 
    width: 310px; 
    z-index: 998; 
}

#arrow-info-bubble { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sep-info-bull.png) no-repeat 0 0; 
    display: none; 
    height: 21px; 
    overflow: hidden; 
    position: absolute; 
    width: 21px; 
    z-index: 999; 
}

#arrow-info-bubble.position-right,
#arrow-info-bubble.position-left   { 
    width: 14px;
}

#arrow-info-bubble.position-right  { background-position: -42px 0 }
#arrow-info-bubble.position-bottom { background-position: -21px 0 }
#arrow-info-bubble.position-left   { background-position: -56px 0 }

/* ==========================================================================
   Formats de prix
   ========================================================================== */

/* Format de prix commun
   ========================================================================== */
.common-price-container {
    float: none !important;
}
.common-price { 
    display: inline-block; 
    font-size: 32px; 
    line-height: 1; 
    padding: 0 45px 0 0; 
    position: relative; 
}
.common-price .striked {
    text-decoration: line-through;
}
.common-price > sup,
.common-price > sub {
    display: block; 
    font-size: 14px; 
    line-height: 1; 
    position: absolute; 
    right: 0; 
    text-align: left; 
    width: 40px; 
}
.common-price > sup { top: 2px }
.common-price > sub { top: 16px }

/* Pr�sentation de prix
   ========================================================================== */
.box-price { 
    float: left; 
    width: auto; 
}

.box-price span { 
    color: #333; 
    float: right; 
    font-size: 10px; 
    font-weight: normal; 
    line-height: 1.2; 
    margin-right: 5px; 
    text-align: left; 
    vertical-align: baseline; 
    width: auto; 
}
.box-price span.price_edp { 
    color: #333; 
    float: left; 
    font-size: 13px; 
    font-weight: normal; 
    line-height: 1.2; 
    margin-right: 5px; 
    text-align: right; 
    vertical-align: baseline; 
    width: auto; 
}

.box-price span.barred { 
    float: left; 
    font-size: 14px; 
    line-height: 46px; 
    text-align: left; 
    text-decoration: line-through; 
    vertical-align: text-bottom; 
    width: auto; 
    color:#999;
} 
.box-price span.price { 
    color: #F16E00; 
    float: left; 
    font-size: 32px; 
    font-weight: normal; 
    line-height: 34px; 
    text-align: left; 
    width: auto; 
}
.box-price span.promo { 
    color: #333; 
    float: left; 
    font-size: 12px; 
    font-weight: normal; 
    line-height: 16px; 
    text-align: left; 
    width: auto; 
}
.box-price span.eco-par { 
    color: #999; 
    float: left; 
    font-size: 11px; 
    line-height: 13px; 
    margin: 11px 0 0;
    width: 100%; 
}

.box-price sup { 
    color: #F16E00; 
    display: inline; 
    float: left; 
    font-size: 16px; 
    width: 30px; 
}

.box-price sub { 
    color: #333; 
    display: inline-block; 
    font-size: 16px; 
    margin: 13px 0 0 -27px; 
    width: auto; 
}

/* Prix discount
   ========================================================================== */
.discount { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sep-discount-bottom.png) no-repeat 50% 0; 
    float: left; 
    padding: 10px 0; 
    margin-top: 10px; 
    width: auto; 
}

.discount.top { 
    background-position: 50% 100%;
}

.discount .inner { 
    float: left; 
    width: auto; 
}

.discount .inner img { 
    float: right;
}

.discount .inner strong {
    color: #333;  
    font-size: 12px; 
    width: auto; 
}

.discount .inner p { 
    color: #333; 
    width: auto; 
}

.discount .inner a { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 2px; 
    float: left; 
    font-weight: bold; 
    padding-left: 10px; 
}
.discount .inner a.mention.on {
    background-position:0 -41px;
}

/* Goodies
   ========================================================================== */
.goody {
    width: 276px;
    display: block;
    clear: both;
    position: relative;
    text-align: left;
}
.goody .ribbon { 
	position: absolute; 
	right: 0; 
	top: 0;
}
.goody.deferred{
   max-height: 130px;
   max-width: 276px;
   display: block;
}
.goody.deferred > img {
    max-width: 100%;
    max-height: 100%;
}
.goody.asilage {    
    background: #eee;
    padding: 9px 11px 18px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.goody.asilage .content {
	padding-left: 11px;
	width: 158px;
    font: normal 14px/20px Orangesans75, Arial, sans-serif;
}
.goody.asilage figure {
    text-align: center;
    max-width: 64px;
    max-height: 64px;
}
.goody.asilage figure img {
    width: 100%;
    height: 100%
}
.goody.asilage .content + p {
    font-size: 13px;
    line-height: 15px;
    padding-top: 9px;
}
.goody.asilage .action-button {
    display: none;
}
.goody.asilage figure:hover .action-button {
    display: block;
}
/* ==========================================================================
   Lecteur dailymotion
   ========================================================================== */
.dl-player-container {
    height: 300px; 
    position: relative;
    margin: 0 auto;
    width: 438px;
}

.dl-player-container .pvpContainer .pvpStartControls {
    position: absolute;
    width: 100%
}

.dl-player-container .pvpContainer{ 
    position: initial
}

.dl-player-container iframe,  
.dl-player-container object,  
.dl-player-container embed {
    height: 300px;
    width: 100%;
}

/* Erreur */
.dl-player-container .pvp_error {
    height: 241px !important;
}

.dl-player-container .pvp_error h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
}

/* ==========================================================================
   Alerte vieux navigateur
   ========================================================================== */
#alertBrowser {
    background: #ffd210;
    left: 0;
    padding: 10px 0;
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 9999;
}

#alertBrowser p {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    width: 990px;
}

#alertBrowser p strong {
    font-family: Arial,sans-serif;
}

#alertBrowser a {
    border-bottom: 1px solid #ad9024;
}
#alertBrowser a:hover, 
#alertBrowser a:focus {
    border-bottom: 1px solid #333;
    text-decoration: none;
}

/* ==========================================================================
   Header Polaris
   ========================================================================== */
#o-background,
#o-ribbon,
#o-login,
#o-navigation a,
#o-direct-access a { 
    height: 52px; 
}
/** Menu d�roulant **/
#o-navigation .o-drop-down-panel { 
    top: 52px; 
}
/** Liens **/
#o-navigation a,
#o-direct-access a { 
    line-height: 52px; 
}

/* ==========================================================================
   Header Newshop
   ========================================================================== */
#main-header-newshop {
	background: #fff;
	border-width: 0 0 1px;
}

.header-container a {
	color: #333;
	text-decoration: none;
}

/* Ent�te: logo + formulaire + panier;
   ========================================================================== */
.header-logo {
    font-size: 12px;
    margin-bottom: 15px;

}

.header-logo .headerone {
        margin-bottom: 15px;
        font-family: orangesans45,orangesans65, Arial, sans-serif;
        font-size: 30px;
        line-height: 32px;
        margin-right: 24px;
        margin-left: 23px;
}

.header-logo img {
	vertical-align: middle;
}

.header-logo > *,
.header-logo > ul > li {
	float: left;
}

.header-logo .right-content {
	float: right;
	width: 55%;
}

.ie7 .header-logo .right-content form,
.ie7 .header-logo .right-content a {
	float: left;
}

.header-logo .right-content form,
.header-logo .right-content a {
	display: inline-block;
}

/* Logo */
.header-logo figure {
    margin: 0 1.81%;
}

/* Titre de boutique */
.header-logo figure + a {

}

/* Liens de boutique */
.header-logo .shop-list {
	padding-top: 15px;
}

.header-logo .shop-list li {
	color: #ccc;
	margin: 0 2px;
}

.header-logo .shop-list li a {
	color: #999;
}

.header-logo .shop-list li.active a {
	color: #333;
}

/* Champ de recherche */
.header-logo form {
    margin-right: 3.31%;
}

.header-logo input,
.header-logo button {
	border-width: 0;
	display: inline-block;
	padding: 10px 12px;
}

.header-logo input {
	border-color: transparent;
	background: #eee;
	border-radius: 3px 0;
	width: 272px;
}
.header-logo button {
	background: #666;
	border-radius: 0 3px 3px 0;
}

/* Panier */
.ie7 .header-logo .cart {
	padding-top: 10px;
}

.header-logo .cart {
	color: #444;
    visibility: hidden;
}
.header-logo .cart.visible {
    visibility: visible;
}

.header-logo .cart img {
    margin-right: 2px;
}

#panier-content {
    position: relative;
}

#PanelPanier {
    margin-top: 19px;
}


#PanelMiniPanier {
    position: absolute;
    top: 6px;
    right: 0;
    background-color: #FFF;
    width: 166px;
    height: 50px;
    float: right;
    text-align: center;
}

#PanelPanier {
    font-size: 12px;
    background: url(//static.boutique.orange.fr/medias/newshop/medias/newshop/front/resource/cart.gif) no-repeat 12px 1px;
}

#PanelPanier .cart {
    padding-left: 20px;
}

/* Autocompl�tion
   ========================================================================== */
.AutoCompleteReferenceBox, 
.AutoCompleteContainerBox,
.AutoCompleteCompletionBox,
.AutoCompleteCompletionBox .AutoCompleteBlockLabel,
.AutoCompleteCompletionBox .AutoCompleteSuggestion, 
.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion,
.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion,
.AutoCompleteCompletionBox .AutoCompleteSuggestionContent {
    position: relative;
    z-index: 100;
}

.AutoCompleteCompletionBox {
    background: #fff;
    border: 1px solid #eee;
    border-width: 0 1px 1px;
    font: 15px Arial, sans-serif;
    padding: 5px 0 0;
    width: 270px;
}

.AutoCompleteCompletionBox .AutoCompleteBlockLabel {
    padding: 3px 15px;
}

.AutoCompleteCompletionBox .AutoCompleteSuggestion, 
.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion {
    height: 30px;
    overflow: hidden;
    padding: 0 7px;
    text-align: left;
    white-space: nowrap;
}

.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion {
    background: #999;
    color: #fff !important;
}

.AutoCompleteCompletionBox .AutoCompleteSuggestion .AutoCompleteChevron,
.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion .AutoCompleteChevron {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/petale-zoom.png) no-repeat;
    float: right;
    height: 14px;
    margin: 8px 5px 0 0;
    width:14px;
}

.AutoCompleteCompletionBox .AutoCompleteSuggestionContent {
    display: inline-block;
    margin: 5px 0 0 3px;
    padding: 0;
}

/* P�tales */
.PetaleContainer {
    background: #979797;
    border: 2px solid #999999;
    border-radius: 0 3px 3px 0;
    left: 272px;
    margin: 0;
    padding: 0 3px 7px;
    text-align: left;
    top: 34px;
}

.PetaleContainer .PetaleContainerTitle {
    color: #fff;
    font: 17px 700 Arial, sans-serif;
    height: 24px;
    margin: 3px 5px 0;
    min-width: 250px;
    padding: 0;
}

.PetaleContainer .PetaleSubContainer {
    background: #fff;
    border-radius:0 0 3px 3px;
    height: 205px;
    margin: 0 1px 1px;
    padding: 5px 0 0;
    width: 270px;
}

.PetaleContainer .PetaleReferenceContainer {
    height: 110px;
    margin: 0 5px 5px;
    padding: 0;
    width: 260px;
}

.PetaleContainer .PetaleReferenceContainer:hover,
.PetaleContainer .PetaleActionLinkContainer .PetaleActionLink:hover {
    background: #e1e1e1;
    cursor: pointer;
}

.PetaleContainer .PetaleReferenceContainer:hover .PetaleReferenceInfo_1 {
    text-decoration: underline;
}

.PetaleContainer .PetaleSubReferenceContainer{
    height: 110px !important;
}

/* Image p�tale */
.PetaleContainer .PetaleReferenceImageTable {
    background: #fff;
    border: 1px solid #ccc;
    border-collapse: collapse;
    float: left;
    height: 100px;
    margin: 5px 10px 5px 5px;
    padding: 0;
    width: 90px;
}

.PetaleReferenceImageTable .PetaleReferenceImageTd {
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.PetaleReferenceImageTable .PetaleReferenceImageTd .PetaleReferenceImageContainer {
    max-height: 100px;
    max-width: 90px;
    overflow: hidden;
    padding: 0;
}

.PetaleContainer .PetaleReferenceInfoContainer {
    height: 110px;
    margin: 0;
    overflow-y: hidden;
    padding: 0;
}

.PetaleContainer .PetaleReferenceInfoTopContainer {
    height: 85px;
    overflow: hidden;
}

.PetaleContainer .PetaleReferenceInfo_1 {
    color: #527EDC !important;
    font-weight: 400 !important;
}

.PetaleContainer .PetaleReferenceInfo_boutique_mark {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/petale-boutique-mark.png) no-repeat;
    height: 14px;
}

.PetaleReferenceInfo_1, 
.PetaleReferenceInfo_2, 
.PetaleReferenceInfo_3, 
.PetaleReferenceInfo_4, 
.PetaleReferenceInfo_5, 
.PetaleReferenceInfo_6, 
.PetaleReferenceInfo_7{
    color:#000 !important;
    font: 13px 700 Arial, sans-serif;
    margin: 10px 5px 0;
}

.PetaleContainer .PetaleReferenceInfo_2, 
.PetaleContainer .PetaleReferenceInfo_3, 
.PetaleContainer .PetaleReferenceInfo_4 {
    margin: 5px 5px 0;
}

.PetaleContainer .PetaleReferenceUrlDisplay {
    margin: 5px 5px 5px 0;
}

.PetaleContainer .PetaleReferenceUrlDisplay * {
    color: #999 !important;
    font-family: Arial, sans-serif;
}

.PetaleContainer .PetaleReferenceUrlDisplay img {
    margin: 0 10px 0 5px;
}

/* Conteneur lien p�tale */
.PetaleActionLinkContainer {
    height: 90px;
    overflow: hidden;
}

.PetaleActionLinkContainer .PetaleActionLinkSeparator{
    border-top: 1px solid #ccc;
    font-size: 1px;
    height: 5px;
    line-height: 1px;
    margin: 0 10px;
}

.PetaleActionLinkContainer .PetaleActionLink{
    height: 30px;
    margin: 0 5px 5px;
    padding: 2px 0;
    width: 260px;
}

.PetaleActionLinkContainer .PetaleActionLink .boutiqueActionClass {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.PetaleActionLinkContainer .PetaleActionLink .boutiqueActionClass .PetaleActionText {
    color: #527EDC !important;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin-left: 5px;
}

.PetaleActionLinkContainer .PetaleActionLink:hover .PetaleActionText {
    text-decoration: underline;
}

.PetaleActionLinkContainer .PetaleActionLink .PetaleActionUrlDisplay {
    color: #999 !important;
    font-size: 11px;
    margin: 0 10px 0 5px;
}

/* Mega menu
   ========================================================================== */
.header-mega-menu {
	position: relative;
	z-index: 10;
}

/* Onglets */
.header-mega-menu > li {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/separator.gif) no-repeat 0 45%;
	font-size: 12px;
	float: left;
}
.header-mega-menu > li:first-child {
	background-image: none;
	border-width: 0;
}

.header-mega-menu > li > span,
.header-mega-menu > li > span > a {
	display: block;
}

.header-mega-menu > li > span {
	margin: 0 3px;
}
.header-mega-menu > li:first-child > span {
	margin-left: 0;
}
.header-mega-menu > li.active > span {
	font-weight: bold;
}

.header-mega-menu > li > span > a {
	border-bottom: 3px solid transparent;
	font-size: 16px;
	padding: 12px 0;
	text-align: center;
}
.header-mega-menu > li:hover > span > a,
.header-mega-menu > li.active > span > a {
	border-color: #f60;
}

/* Apparence des onglets */
.header-mega-menu .hide-text {
    color: transparent;
}
.ie7 .header-mega-menu .hide-text,
.ie8 .header-mega-menu .hide-text {
    font-size: 0;
}

.header-mega-menu .white-txt-color {
    color: #fff;
}

.header-mega-menu .bold-txt-weight {
    font-weight: bold;
}

/* Lien "nos boutiques" */
#navbar-item-8 > span > a {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/our-shop.png) no-repeat 10px 50%;
    padding-left: 20px;
}

/* Sous-menu */
.header-mega-menu .sub-navigation {
	background: #f6f6f6;
	display: none;
	font-size: 12px;
	left: 0;
	padding: 18px 12px 0;
	position: absolute;
	width: 966px;
	z-index: 11;
}

.header-mega-menu .sub-navigation > ul,
.header-mega-menu .sub-navigation > a {
	float: left;
}

.header-mega-menu .sub-navigation > ul {
	height: 260px;
	padding-left: 15px;
	width: 218px;
}

.header-mega-menu .sub-navigation a {
	line-height: 22px;
}
.header-mega-menu .sub-navigation a:hover {
	text-decoration: underline;
}

.header-mega-menu .sub-navigation .sub-navigation-link-1:before,
.header-mega-menu .sub-navigation .sub-navigation-link-2:before,
.header-mega-menu .sub-navigation-bottom-links li a:before {
	content: '';
	display: inline-block;
	height: 12px;
	vertical-align: middle;
}

/* Colonnes de liens */
.header-mega-menu .sub-navigation > ul > li {
	margin-top: 12px;
}

.header-mega-menu .sub-navigation .sub-navigation-link-1 {
	color: #f60;
	font-weight: bold;
}
.header-mega-menu .sub-navigation a.sub-navigation-link-1:before {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/arrow-full.png) no-repeat;
	margin-right: 5px;
	width: 12px;
}

.header-mega-menu .sub-navigation span.sub-navigation-link-1 {
	margin-left: 15px;
}

/* Sous-liens */
.header-mega-menu .sub-navigation > ul > li > ul > li {
	margin: 0 0 0 17px;
}

.header-mega-menu .sub-navigation .sub-navigation-link-2:before {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 0;
	margin-right: 2px;
	width: 11px;
}

/* Liens en bas du sous-menu */
.header-mega-menu .sub-navigation-bottom-links {
	border-top: 1px solid #ccc;
	clear: both;
	padding: 15px 0 15px 15px;
}

.header-mega-menu .sub-navigation-bottom-links li {
	float: left;
	margin-left: 30px;
}
.header-mega-menu .sub-navigation-bottom-links li:first-child {
	margin-left: 0;
}

.header-mega-menu .sub-navigation-bottom-links li a:before {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 -81px;
	margin-right: 2px;
	width: 11px;
}

/* ==========================================================================
   Footer
   ========================================================================== */
#MutBottom {
    display: none;   
}

/* Services
   ========================================================================== */
.footer-services {
    font-size: 0;
    margin-top: 50px;
    margin-bottom: 65px;
}

.ie7 .footer-services li {
    float: left;
}

.footer-services li {
    background: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    margin-left: 1.81%;
    vertical-align: top;
    width: 23.63%;
}
.footer-services li:first-child {
    margin-left: 0;
}

.footer-services li a,
.footer-services li span,
.footer-services li img {
    display: block;
}

.footer-services li span {
    margin-left: 24px;
    min-height: 36px;
    padding: 18px 0;
}

/* Avantages
   ========================================================================== */
footer .advantages {
    background: #ccc;
    padding: 22px 0;
    font-size: 0;
}

.ie7 footer .advantages li {
    float: left;
}

footer .advantages li {
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    width: 15.20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 0;
    vertical-align: top;
}
footer .advantages li:first-child {
    font-size: 19px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 21.21%;
}
footer .advantages li:first-child + li {
    margin-left: 0;
}
footer .advantages li.long {
    width: 17.98%;
}
footer .advantages li a {
    display: block;
}

footer .advantages li span {
    font-size: 15px;
    line-height: 18px;
    margin-left: 7%;
}

footer .advantages li img,
footer .advantages li span {
    display: inline-block;
}

@media(min-width:768px) and (max-width:1024px){
    footer .advantages ul{
        padding-left:15px;
    }
}

/* Pr�sentation des liens globaux
   ========================================================================== */
footer .footer-links {
    background: #232323;
    font-size: 0;
    padding: 16px 0 16px;
}

.ie7 footer .footer-links .links-col {
    float: left;
    width: 20.5%;
}

footer .footer-links .links-col {
    display: inline-block;
    padding-left: 5%;
    vertical-align: top;
}
footer .footer-links .links-col:first-child {
    padding-left: 0;
}

footer .footer-links .links-col strong {
    color: #ccc;
    font: normal 15px/22px orangesans75,Arial,sans-serif;
    margin-bottom: 20px;
    display: block;
}

footer .footer-links .links-col ul + strong{
    margin-top: 20px;
}

footer .footer-links .links-col strong a {
    color: #ccc;
    font: normal 15px/22px orangesans75,Arial,sans-serif;
}

footer .footer-links .links-col a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 27px;
    text-decoration: none;
}
footer .footer-links .links-col a:hover {
    text-decoration: underline;
}

footer .footer-links .links-col img {
    margin-bottom: 10px;
}

@media(min-width:768px) and (max-width:1024px){
    footer .footer-links .links-col:first-child > div:first-child{
        padding-left:15px;
    }
}

footer .footer-links .editocolonne1 .links-col {
    width: 203px;
    display: inline-block;
    float: left;
}

footer .footer-links .editocolonne2 .links-col {
    display: inline-block;
    float: left;
    width: 197px;
    padding-left: 54px;
}



    /* ==========================================================================
   Menu tv gris
   ========================================================================== */
    .menu-tv.grey {
    background-color: #dfdfdf;
    border-bottom: 6px solid #b2b2b2;
    clear: both;
    height: 48px;
    margin: 0;
}

.menu-tv.grey li {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sep-menu2.png) no-repeat 0 12px;
    float: left;
    font-size: 0;
}
.menu-tv.grey li:first-child,
.menu-tv.grey li.active + li,
.menu-tv.grey li:hover + li {
    background-image: none;
}
.menu-tv.grey li.active,
.menu-tv.grey li:hover {
    background: #b2b2b2;
    cursor: pointer;
}

.menu-tv.grey li a {
    color: #666;
    display: inline-block;
    font: normal 14px/48px OrangeSans65, arial,sans-serif;
    padding: 0 16px;
    text-decoration: none;
}
.menu-tv.grey li.active a,
.menu-tv.grey li:hover a {    
    color: #000;
}

/* ==========================================================================
   Fils d'ariane
   ========================================================================== */

/* Fil ariane classique
   ========================================================================== */
#Header_arianne_panier { 
    clear: both;
    margin: 0 auto 5px; 
    overflow: visible; 
    position: relative; 
    width: 957px;
}
#breadcrumb_wrapper { 
    float: left; 
    margin: 0; 
    padding-top: 26px; 
    width: 710px; 
}
#breadcrumb_wrapper #breadcrumb { 
    color: #666; 
    font-size: 11px; 
    padding-left: 9px; 
}
#breadcrumb_wrapper #breadcrumb span > a { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron-grey.png) no-repeat 100% 2px; 
    margin-right: 8px; 
    padding-right: 20px; 
    color: #666;
    font-size: 12px;
}

#breadcrumb_wrapper #breadcrumb span strong {
    font-size: 12px;
    font-weight: normal;
}
/* Fil ariane dynamique (CMS)
   ========================================================================== */
#dynamic-breadcrumb {
  color: #333;
  font-size: 11px;
  padding-left: 20px;
  margin: 0; 
  padding-top: 26px; 
  width: 710px; 
}

#dynamic-breadcrumb a,
#dynamic-breadcrumb span.avecChevron { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron-grey.png) no-repeat 100% 2px; 
    margin-right: 8px; 
    padding-right: 20px; 
}
#dynamic-breadcrumb .last {
    background: none;
    color: #666;
}

/* ==========================================================================
   E-chat
   ========================================================================== */
#PNL_Help { 
    float: right; 
    position: relative; 
    top: 0; 
    width: 207px; 
    height: 40px; 
    line-height: 37px; 
    padding: 4px 3px 2px 0px; 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-help.png) no-repeat 32px 2px; 
}

#PNL_Help .helpLinkTitle { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat right -41px transparent; 
    font-size: 12px; 
    font-weight: bold; 
    margin-left: 32px; 
    padding: 0 15px 0 45px; 
    text-decoration: none; 
}
#PNL_Help.active .helpLinkTitle { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat right -61px transparent;
}

#PNL_Help .panelHelpButtons { 
    border:1px solid #DADADA; 
    border-radius: 3px;
    display: none; 
    left: 0; 
    position: absolute; 
    top: 0; 
    width: 230px; 
}
#PNL_Help.active .panelHelpButtons { 
    display: block; 
    z-index: 60; 
}

#PNL_Help .panelHelpButtons a.fake-link { 
    cursor: pointer; 
    display: block; 
    height: 43px; 
    width: 100%; 
}

#PNL_Help .panelHelpButtons .panelHelpButtonsWrapper { 
    background: #FFF url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sep-help-link.png) no-repeat 50% 40px; 
    padding: 0 16px; 
}

#PNL_Help .panelHelpButtons .panelHelpButtonsWrapper a.helpLink { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat right 5px transparent; 
    display: inline-block; 
    height: 20px; 
    line-height: 20px; 
    padding-right: 16px;
}

/* ==========================================================================
   Barre shop to web
   ========================================================================== */
#Barre-shop-to-web { 
    background: #333; 
    color: #FFF; 
    margin: 10px auto; 
    overflow: hidden; 
    width: 950px; 
}

#Barre-shop-to-web #identification { 
    float: left; 
    position: relative; 
}

#Barre-shop-to-web #identification ul { 
    overflow: hidden;
}

#Barre-shop-to-web #identification ul li { 
    float: left; 
    padding: 10px; 
}

#Barre-shop-to-web #identification ul li span { 
    color: #f16e00;
}

#Barre-shop-to-web #connexion { 
    float: right;
}

#Barre-shop-to-web #connexion a { 
    border-left: 1px solid #FFF; 
    color: #FFF; 
    cursor: pointer; 
    float: right; 
    font-weight: bold; 
    padding: 10px; 
}
#Barre-shop-to-web #connexion a:hover { 
    text-decoration: none;
}

/* ==========================================================================
   Barre d'intention
   ========================================================================== */
#UPD_INTENTION,
#UPD_INTENTIONOPEN { 
    clear: both; 
    margin: 0px auto 18px; 
    width: 990px; 
}

#barre-intention {
    padding-top: 19px;
}

#barre-intention.parcours-open,
#barre-intention.parcours-open-ko {
    padding-bottom: 10px;
    padding-top: 15px;
}

#barre-intention #contenu-barre-intention { 
    border: 1px solid #d4d4d4; 
    color: #000; 
    padding: 13px 23px 14px; 
    font-size: 13px;
    line-height: 17px; 
    background: #fff;
}

#barre-intention.parcours-open #contenu-barre-intention,
#barre-intention.parcours-open-ko .ligne-compte {
    border: 1px solid #000000;
    padding: 5px 21px 15px;
}

#barre-intention.parcours-open-ko .ligne-compte {
    margin-bottom: 20px;
    padding-top: 16px;
    margin-top: 4px;
}

#barre-intention #contenu-barre-intention .info-client,
#barre-intention #contenu-barre-intention .message span {
    float: left;
}

#barre-intention #contenu-barre-intention .message span{
    margin-right: 9px;
}

#barre-intention #contenu-barre-intention .changer-utilisateur { 
    float: left; 
    margin: 0 0 0 8px; 
    padding: 0 0 0 20px; 
}

#barre-intention #contenu-barre-intention .deconnexion { 
    float: right; 
    padding: 0 0 0 20px; 
}

#barre-intention.parcours-open #contenu-barre-intention .deconnexion {
    font: normal 14px/18px HelvNeueOrange,Helvetica,Arial,sans-serif;
    margin-top: 4px;
}

#barre-intention #contenu-barre-intention .message {
    color: #000;
    float: left;
    font-family: orangesans55, Arial, sans-serif;
    font-size: 14px;
    padding-top: 4px;
}

#barre-intention.parcours-open #contenu-barre-intention .message {
    color: #000;
    font: normal 14px/18px HelvNeueOrange,Helvetica,Arial,sans-serif;
}

#barre-intention #contenu-barre-intention .annuler-choix { 
    float: left; 
    line-height: 18px; 
    margin: 0 0 0 8px; 
    padding: 4px 0 0 20px; 
}

#barre-intention #contenu-barre-intention .ligne-compte { 
    overflow: hidden;
}

#barre-intention #contenu-barre-intention .ligne-intention { 
    clear: both; 
    line-height: 18px; 
    padding-top: 6px; 
}

#barre-intention #contenu-barre-intention .changer-utilisateur a,
#barre-intention #contenu-barre-intention .deconnexion a,
#barre-intention #contenu-barre-intention .annuler-choix a { 
    color: #000;
    font: normal 14px/18px 'orangesans75', Arial, sans-serif;
}

#barre-intention.parcours-open-ko #contenu-barre-intention{
    border: 0;
    padding: 0;
}

#barre-intention.parcours-open-ko #contenu-barre-intention .ligne-intention.bg-warning {
    background: #FFCC00 url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/20x20-picto-warning-black.png) no-repeat 10px 10px;
    box-sizing: border-box;
    min-height: 40px;
    padding: 6px 24px 8px 39px;
}

#barre-intention.parcours-open-ko #contenu-barre-intention .ligne-intention.bg-warning .message {
    color: #000;
    font: normal 14px/18px 'helvetica75', Arial, sans-serif;
}

#bandeauhdm {
    border: 1px solid #d4d4d4;
    color: #000;
    padding: 13px 23px;
    font-size: 13px;
    font-family: orangesans55, Arial, sans-serif;
    line-height: 17px;
    background: #fff;
    clear: both;
    margin: 0px auto 18px;
    width: 943px;
}

    #bandeauhdm .cancelchoice {
        color: #000;
        font: normal 14px/18px 'orangesans75', Arial, sans-serif;
        line-height: 18px;
        float:right;
    }

/* Drop down list skin
   ========================================================================== */
#barre-intention .ddl { 
        -webkit-appearance: none; 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/arrow-bottom.png) no-repeat 92.5% center; 
    border: 2px solid #CCC; 
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 30px; 
    line-height: 30px;
    margin-left: 8px;
    overflow: hidden; 
    position: relative;
    top: -6px;
    width: 160px;
}
.ie7 #barre-intention .ddl { 
    background: none; 
    border-width: 0; 
}

#barre-intention .ddl select { 
    background: none; 
    border-width: 0; 
    color: #333;
    cursor: pointer; 
    font: bold 13px/1 orangesans75, Arial, sans-serif;
    height: 100%; 
    padding-left: 20px;
    position: relative;
    top: -3px;
    width: 111%; 
    z-index: 0;
}
.ie8 #barre-intention .ddl select { 
    height: 85%; 
}
.ie7 #barre-intention .ddl select { 
    background-color: #fff; 
    border: 1px solid #ccc; 
    padding: 0.3em 0.5em; 
    width: 100%; 
}

#barre-intention .ddl select > option{
    padding-left: 20px;
}

/* PREPAID
   ========================================================================== */
#UPD_INTENTION .messageAvertissement,
#UPD_INTENTION .messageInfo { 
    border: 1px solid #d4d4d4;
    font-family: orangesans55, Arial, sans-serif;
    font-size: 14px; 
    line-height: 20px;
    position: relative; 
    padding: 18px 336px 14px 80px;
    color: #000;
    margin-top: 10px;
}
#UPD_INTENTION .messageInfo {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/40x40-info-blue.png) no-repeat 20px 20px #fff;
}
#UPD_INTENTION .messageAvertissement {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/40x40-info-yellow.png) no-repeat 20px 20px #fff;
}
#UPD_INTENTION .contenu-bloc-intention .sub-title { 
    font-family: orangesans75, Arial, sans-serif;
    font-size: 16px;
}
#UPD_INTENTION .contenu-bloc-intention .close-bloc-intention { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/12x13-cross-black.png) no-repeat 0 0; 
    cursor: pointer; 
    height: 13px; 
    position: absolute; 
    right: 20px; 
    top: 20px; 
    width: 12px; 
}
#UPD_INTENTION .contenu-bloc-intention .close-bloc-intention:hover { 
    text-decoration: none;
}
#UPD_INTENTION .lien-offre { 
    padding: 0 15px 0 0;
    font-family: orangesans75, Arial, sans-serif;
    text-decoration: none;
    color: #000;
}
#UPD_INTENTION .lien-offre:after {
    padding: 0 10px;
    font-family: "boosted";
    font-size: 10px;
    color: #000;
    content: "\e902";
}
#UPD_INTENTION .lien-offre:hover,
#UPD_INTENTION .lien-offre:hover:after, 
#UPD_INTENTION .lien-offre:focus:after {
    color: #f16e00;
    text-decoration: none;
}



/* Barre intention FMO
   ========================================================================== */
#UPD_INTENTION .messageInfoFmo {
    border-radius: 5px;
    background-color: #527EDB;
    margin: 18px 0 0 0;
    position: relative;
    font-size: 16px;
}

#UPD_INTENTION .contenu-bloc-intention .intention-fmo {
    width:732px;
    margin:14px 0 8px;
}

#UPD_INTENTION .contenu-bloc-intention .intention-fmo .sub-title {
    color: #fff;
    font-size: 22px;
    font-family: Arial, sans-serif;
}

#UPD_INTENTION .contenu-bloc-intention .intention-fmo p {
    color: #fff;
    font-size: 16px; 
    line-height: 18px;
    font-family: Arial, sans-serif;
}

#UPD_INTENTION .intention-fmo .lien-offre {
    margin: 12px 0 0 0;
}

#UPD_INTENTION .intention-fmo .lien-offre-Btn {
    margin: 24px 0 0 0;
    display: block;
    cursor: pointer;
    box-shadow: #4469B6 0px 1px 8px; 
    border-radius: 5px; 
    font-size: 14px; 
    background: #fff; 
    width: 380px; 
    text-align: center; 
    display: block; 
    padding: 9px 0; 
    line-height: 18px;
    font-weight:bold;
}

/* Partie basse de la barre d'intention
   ========================================================================== */
#barre-intention #infos-intention { 
    border-top: 1px solid #CCC; 
    clear: both; 
    margin: 13px 0 4px 0; 
    overflow: hidden; 
}

#barre-intention .bloc-infos-mobile { 
    float: left;
}

#barre-intention .titre-bloc { 
    font-weight: bold; 
    line-height: 18px; 
    margin: 4px 0; 
}

#barre-intention #mobile-actuel { 
    line-height: 27px; 
    margin-right: 24px; 
    padding-top: 9px; 
    width: 270px; 
}

#barre-intention #mobile-actuel .img-mobile { 
    float: left; 
    margin-right: 10px; 
}

#barre-intention #changement-mobile { 
    width: 648px;
}

#barre-intention #changement-mobile .message-changement { 
    float: left; 
    line-height: 18px; 
    margin-right: 24px; 
    padding-top: 13px; 
    width: 312px; 
}
#barre-intention #changement-mobile .message-changement.sans-duree { 
    width: auto;
}

#barre-intention #changement-mobile .message-changement .texte-message { 
    line-height: 18px; 
    margin-top: 9px; 
}
#barre-intention #changement-mobile .duree { 
    float: right; 
    width: 312px; 
    padding-top: 8px; 
}

#barre-intention #changement-mobile .bloc-duree { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bkg-bloc-duree.png) no-repeat 0 0; 
    color: #FFF; 
    float: left; 
    font-size: 28px; 
    font-weight: bold; 
    line-height: 36px; 
    margin-top: 9px; 
    overflow: hidden; 
    width: 144px; 
}

#barre-intention #changement-mobile .bloc-duree .number { 
    display: block; 
    float: left; 
    letter-spacing: 21px; 
    padding: 0 0 0 10px; 
    width: 73px; 
}
#barre-intention #changement-mobile .bloc-duree .day { 
    display: inline-block; 
    float: left; 
    font-size: 15px; 
    margin-left: 5px; 
} 
#barre-intention #changement-mobile .alerter { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/picto-alerter.png) no-repeat 0 0; 
    float: left; 
    margin: 24px 0 0 30px; 
    padding-left: 22px; 
}
#barre-intention #changement-mobile .alerter span { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron-barre.png) no-repeat right; 
    padding-right: 15px; 
}

/* Barre intention Perform
   ========================================================================== */
#barre-intention #contenu-barre-intention #infos-retention{
    border-top:1px solid #CCC;
    margin-top:14px;
    padding:13px 0 7px;
    line-height:18px;
}

#barre-intention #contenu-barre-intention #infos-retention h3{
    font-family:Arial;
    font-weight:bold;
    margin-bottom:8px;
}

#barre-intention #contenu-barre-intention #infos-retention .infos-edp{
    width:648px;
    float:left;
    margin-right:24px;
}

#barre-intention #contenu-barre-intention #infos-retention .lien-edp{
    float:left;
    width:260px;
}

#barre-intention #contenu-barre-intention #infos-retention .lien-edp a{
    font-size:13px;
    line-height:18px;
}

/* ==========================================================================
   Staging
   ========================================================================== */
.evt-staging {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 230px; 
    height: 150px;
    padding: 0 10px; 
    z-index: 9999; 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/fond-alerte-staging.png) no-repeat left top transparent; 
    font-family: orangesans45, sans-serif; 
    font-size: 14px; 
    color: #fff 
}
    
.evt-staging .strong, .evt-staging .date {
    width: 60%;
    font-size: 18px; 
}

.evt-staging .strong {
    padding: 0.8em 0 0 
}

/* ==========================================================================
   Dialog
   ========================================================================== */
.common-dialog.no-dialog-title .ui-dialog-titlebar
{
    display: none;
}

/* ==========================================================================
   Slider
   ========================================================================== */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    margin-top: 15px;
    text-align: center;
}

.slick-dots li
{
    display: inline-block;
    margin: 0 .25%;
}

.slick-dots li button
{
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/pagenum.png) no-repeat 0 0;
    border-width: 0;
    cursor: pointer;
    height: 16px;
    text-align: center;
    padding: 5px;
    color: #555;
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-indent: -9999px;
    width: 16px;
}
.slick-dots li.slick-active button 
{
    background-position: 0 -26px;
}

/* ==========================================================================
   Mini-comparateur
   ========================================================================== */

/* Popin d'erreur
   ========================================================================== */

.popin-comparison 
{ 
    background: #fff;
    border: 1px solid #333;
    border-radius: 5px;
    display: none;
    padding: 15px 20px;
}

.popin-comparison p 
{ 
    font-size: 15px; 
    margin: 15px 0 20px; 
    text-align: center; 
}

.popin-comparison footer 
{
    margin: 0 auto; 
    width: 150px; 
}

/* Mise en forme du mini-comparateur
   ========================================================================== */
#PanelComparateur { 
    position: relative; 
    width: 214px; 
    z-index: 2; 
}

#PanelComparateur #header-comparison { 
    border: 1px solid #d3d3d3; 
    border-radius: 3px; 
    color: #333; 
    font-size: 13px; 
    line-height: 26px; 
    text-align: center; 
    width: 213px; 
}

#PanelComparateur #header-comparison a.arrow { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 50% -34px; 
    border-left: 1px solid #d3d3d3; 
    display: block; 
    float: right; 
    height: 26px; 
    text-decoration: none; 
    width: 30px; 
}
#PanelComparateur #header-comparison a.on { 
    background-position: 50% -55px; 
    z-index: 10; 
}

#PanelComparateur #comparison-block { 
    background: #FFF url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-mini-comparateur.jpg) repeat-x bottom; 
    border: 1px solid #d3d3d3; 
    box-shadow: #d3d3d3 2px 2px 10px; 
    display: none; 
    padding: 17px 0 26px; 
    position: absolute; 
    right: 0; 
    top: 27px; 
    width: 280px; 
}
#PanelComparateur #comparison-block.on { 
    display: block; 
}

#PanelComparateur #comparison-block .product { 
    border-left: 1px dotted #CCC; 
    float: left; 
    height: 75px; 
    margin-bottom: 5px; 
    text-align: center; 
    width: 69px; 
}

#PanelComparateur #comparison-block div:first-child { 
    border-width: 0;
}
#PanelComparateur #comparison-block .product.empty-product { 
    margin-bottom: 20px;    
}

#PanelComparateur #comparison-block .product.empty-product img { 
    height: 75px; 
    width: 35px; 
}

#PanelComparateur #comparison-block .product .product-description a { 
    display: block;
}

#PanelComparateur #comparison { 
    text-align: center;
}

#PanelComparateur .btn-delete-article { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/cross-delete.png) no-repeat 0 0; 
    display: block; 
    height: 15px; 
    margin: 0 auto; 
    overflow: hidden; 
    position: relative; 
    text-align: center; 
    width: 15px; 
    text-indent: -9999px; 
}

#PanelComparateur .product-image { 
    margin: 0 auto; 
    max-height: 70px; 
    max-width: 70px; 
    position: relative; 
}

#PanelComparateur .compare-action { 
    clear: both; 
    padding-top: 20px; 
    text-align: center; 
}

#PanelComparateur .compare-action .btn { 
    background: #FFF url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/btn-minicomparateur.png) no-repeat scroll 0 0; 
    border-width: 0; 
    cursor: pointer; 
    display: block; 
    font-weight: bold; 
    height: 13px; 
    margin: 0 auto; 
    padding: 10px 0; 
    width: 168px; 
}

#PanelComparateur #comparison-block > p { 
    text-align: center;
}

#PanelComparateur #comparison-block .error { 
    color: #f00; 
    display: none; 
}

/* ==========================================================================
   Mentions l�gales
   ========================================================================== */

/* Mention l�gale + mention l�gale cliquable
   ========================================================================== */
.MutSup { 
    bottom: 3px; 
    font-size: 9px; 
    position: relative; 
}

.MutSupLink { 
    color: #333; 
    text-decoration: none; 
}

/* Bloc de mentions l�gales
   ========================================================================== */
.legal-notices-wrapper {
    clear: both;
    font-size: 13px;
    overflow: hidden;
}
.legal-notices-wrapper .legal-notices-location .title-mentions {
    font-size: 11px;
    font-weight: bold;
}
.legal-notices-wrapper .legal-notices-location .title-mentions + .legal-notices {
    display: block;
    border: none;
    padding-left: 0;
}
.legal-notices-wrapper .see-mentions,
.legal-notices-wrapper .see-mentions + ul,
.legal-notices-wrapper .see-mentions + ul li {
    display: inline-block;
}

.ie7 .legal-notices-wrapper .see-mentions {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 -121px;
    padding-left: 23px;
}
.ie7 .legal-notices-wrapper .see-mentions.on {
    background-position: 0 -79px;
}

.legal-notices-wrapper .see-mentions {
    font-weight: normal;
    margin-bottom: 10px;
}
.legal-notices-wrapper .see-mentions:after {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 -123px;
    content: " ";
    display: inline-block;
    height: 11px;
    margin-left: 5px;
    width: 18px;
}
.legal-notices-wrapper .see-mentions.on:after {
    background-position: 0 -144px;
}

.legal-notices-wrapper .see-mentions + ul li {
    margin-left: 4px;
}
.legal-notices-wrapper .see-mentions + ul li:first-child {
    margin-left: 0;
}

.legal-notices-wrapper .legal-notices-location .legal-notices {
    display: none;
}

.legal-notices-wrapper .legal-notices {
    border: 1px solid #ccc;
    font-size: 11px;
    line-height: 13px;
    margin: 0 auto 10px;
    padding: 10px;
}
.legal-notices-wrapper .legal-notices.on {
    display: block;
}

.legal-notices-wrapper .legal-notices ul li {
    margin-top: 5px;
}
.legal-notices-wrapper .legal-notices ul li:first-child {
    margin-top: 0;
}

.legal-notices-wrapper .legal-notices ul li .mention.highlight {
    background: #f7ff3c;
}

.ie7 .legal-notices-wrapper .top-page {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/arrow-circle.png) no-repeat 0 2px;
    padding-left: 20px;
}

.legal-notices-wrapper .top-page {
    color: #333;
    float: right;
    font-size: 13px;
    margin-bottom: 10px;
    padding-left: 20px;
}
.legal-notices-wrapper .top-page:before {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/arrow-circle.png) no-repeat 0 0;
    content: " ";
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    width: 15px;
}

/*** HP BOI PUSH ADVISE ***/

.push-degrade{
    padding-bottom: 81px;
    position: relative;
}

.push-degrade .spinner-degrade { 
    background: #FFF url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/newshop-spinner.gif) no-repeat center center;
    height: 216px; 
    left: 50%; 
    margin-left: -495px;
    position: absolute; 
    top: 0; 
    width: 990px; 
    z-index: 1;
}

.push-degrade #Zone_CMS_1050{
    display: none;
}

/* ANIMATION
   ========================================================================== */

.anim{
    background: rgba(0, 0, 0, .5);  
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -632px; 
    left: 50%;
    position: fixed; 
    width: 1264px;
    z-index: 999; 
}

.ie7 .anim{
    width: 700px;
}

.ie8 .anim .bkg-ie,
.ie7 .anim .bkg-ie{
    background: #000; 
    position:absolute; 
    z-index:-1; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0;
    filter: alpha(opacity:50);
}

.anim .close-anim{
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/close-anim.png) no-repeat;
    height: 17px;
    position: absolute;
    right: 17px;
    top: 17px;
    width: 17px;
    z-index: 999;
}

.anim .close-anim:hover{
    cursor: pointer;
}

.anim #DIV_Anim{
    min-width: 700px;
    text-align: center;
    position: relative;
}

.anim #DIV_Anim img {
    -webkit-box-shadow: 10px 10px 20px 10px rgba(0,0,0,0.6);
    box-shadow: 10px 10px 20px 10px rgba(0,0,0,0.6);
}

.anim #DIV_Anim .dl-player{
    -webkit-box-shadow: 15px 15px 172px 7px rgba(255,255,255,0.23);
    box-shadow: 15px 15px 172px 7px rgba(255,255,255,0.23);
    margin: auto;
    max-width: 680px;
    max-height: 328px;
}

/* Floatbox (bloc bas de page - 1264x90) */
.anim.floatbox{    
    bottom: 0px;
    padding: 0 282px;
}

.anim.floatbox.js-bottom{
    bottom: 60px;
}

.anim.floatbox #DIV_Anim{
    height: 90px;
}

/* Interstitielle ( milieu de page - 800x600) */

.anim.interstitielle {
    padding: 60px 282px 363px;
    top: 60px;
}

.anim.interstitielle.js-bottom{
    bottom: 150px;
    top: inherit;
}

.anim.interstitielle #DIV_Anim .dl-player-container {
    background: #000;
    height: 328px;
    padding: 98px 10px;
    width: 700px;
}

/* Banniere large  */
.banner-center {
    text-align: center
}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {
    /*div#main, .conteneur-center {
        width: 100%;
    }*/
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
	.anim.interstitielle{
        bottom: 0; 
    }
}
/* PROMOTIONS + ODR
   ========================================================================== */
.bloc-promo-new,
.bloc-odr-new {
    background: #eee;
    font-size: 13px;
    padding: 7px 12px 9px;
    margin-bottom: 10px;
    line-height: 15px;
    clear: both;
}
.bloc-odr-new .caret ,
.bloc-promo-new .caret {
    border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 7px;
    margin-bottom: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
}
.bloc-odr-new .on .caret,
.bloc-promo-new .on .caret {
    border-top: 0;
    border-bottom: 6px dashed;
    border-bottom: 6px solid \9;
}
.bloc-promo-new .vf,
.bloc-promo-new .stock,
.bloc-promo-new .libelle {
    margin-bottom: 4px;
    font-size: 14px;
}
.bloc-promo-new .promo-web strong {
    margin-bottom: 4px;
    font-size: 14px;
    display:inline-block;
}
.bloc-odr-new .mention,
.bloc-promo-new .mention {
    padding-top: 3px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
}
.bloc-odr-new .mention + p,
.bloc-promo-new .mention + p {
    padding-top: 1px;
    display: none;
}
.bloc-odr-new p .MutLinkBlackChevron,
.bloc-promo-new p .MutLinkBlackChevron {
   font-size: 13px;  
   padding-top: 4px;
   display: inline-block;   
   background-position: 100% -157px;
}
.bloc-odr-new p .MutLinkBlackChevron:hover,
.bloc-promo-new p .MutLinkBlackChevron:hover {
   text-decoration: none;    
   color: #f16e00;
   background-position: 100% 7px;
}

/*odr*/
.bloc-odr-new .libelle {
    background: url(//static.boutique.orange.fr/medias/newshop/styles/skin-common_mobile/29x29-odr.png) no-repeat 0 3px;
    font-size: 14px;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px;
}
.bloc-odr-new .libelle strong {
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
}


    .bloc-odr-new span.odrcoupon {
        font-size: 13px;
        color: #000;
        margin-top: 10px;
        display: inline-block;
        width: 155px;
    }

    .bloc-odr-new span.odrcoupon a {
        text-decoration: none;
        font-weight: bold;
        background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% -161px;
        padding-right:15px;
    }
        .bloc-odr-new span.odrcoupon a:hover {
            text-decoration: none;
            color: #f16e00;
            background-position: 100% 3px;
        }


/*END:https://static.boutique.orange.fr/medias/newshop/front/user-interface/css/common.css*/


/*BEGIN:https://static.boutique.orange.fr/medias/newshop/css/css-990/popin/popin-common.css*/
/* ui dialog init */
.ui-front { z-index: 1001; }
.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #000000;
    opacity: 0.7;
    z-index: 1000
}
.ie7 .ui-widget-overlay { filter: alpha(opacity=70); }

.popin-short {}
.popin-large { padding-bottom: 45px; font-size: 13px; }


/* styles header - goutiere */
.popin-header.goutiere {
    height: 62px;
    margin-bottom:36px;
    border-bottom: 1px solid #d9d9d9;
    background: #f1f4f4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f4f4), color-stop(100%,#dddede));
    background: -webkit-linear-gradient(top,  #f1f4f4 0%,#dddede 100%);
    background: linear-gradient(to bottom,  #f1f4f4 0%,#dddede 100%);
}

.popin-large .popin-header.goutiere span {
    display: block; 
    padding: 20px 42px;
    font:18px Arial,sans-serif;
}


.popin-large .popin-content {
    padding: 0 42px;
    overflow: hidden;
}

/**/
.close-popin,
.ui-dialog .ui-widget-header button {
    background: url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-common/close-popin-transparent.png) no-repeat scroll 0 0 transparent;
    border: none;
    display: block; 
    height: 15px;
    overflow: hidden;
    position: absolute;
    text-indent: -20000px;
    width: 15px;
}
.popin-short .close-popin {
    top: 12px;
    right: 12px
}
.popin-large .close-popin,
.ui-dialog .ui-widget-header button {
    top: 21px;
    right: 24px;
    cursor: pointer;
}


/* popin questionnaire */
#popin-questionnaire { color: #181818; padding: 0 0 68px; text-align: center; width: 100%; }
#popin-questionnaire .question { display: block; font-size: 18px; line-height: 30px; margin: 0; padding: 45px 24px; }
#popin-questionnaire .Btn02 { margin: 0 35px 0 75px; }
#popin-questionnaire .Btn01 span { line-height: 1.2; padding-bottom: 8px; padding-top: 7px; }
.popin-questionnaire .ui-widget-header button { display: none; }

/*popin NS*/
.cloned { 
    background:#FFF; 
    border-radius: 3px; 
    overflow: hidden; 
}
.footer-button { 
    bottom: 60px; 
    position: absolute; 
    right: 35px; 
}
#popinNSClose { 
    background: url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-common/close-popin-transparent.png) no-repeat; 
    height: 15px; 
    position: absolute; 
    right: 12px; 
    text-indent: -20000px; 
    top: 12px; 
    width: 15px; 
}

#global-popin { display: none }
#popinNS { 
    border: 1px solid #333; 
    border-radius: 3px; 
}
.content-popin{ background: #FFF }
.popin-XL{width:904px}
.popin-L{width:654px}
.popin-M{width:550px}
.popin-S{width:300px}

/*popin error standard*/
/* div cachée pour transmettres infos aspx au JS pour les popin */
.hiddenforjs { display: none }
.bg-standard-error { 
    background-color: #000; 
    opacity: 0.8; 
}
.ie7 .bg-standard-error { filter: alpha(opacity=80) }
#Standard-Error { 
    border: 1px solid #333; 
    border-radius: 7px; 
    float: left; 
    width: 550px; 
}
#Standard-Error.popin-M { 
    float: left; 
    width: 550px; 
    background: #FFF; 
}
#Standard-Error.popin-M div:first-child strong { 
    color: #333; 
    float: left; 
    font-size: 18px; 
    padding: 10px; 
    width: 530px; 
}
#Standard-Error.popin-M p { 
    color: #333; 
    float: left; 
    font-size: 13px; 
    padding: 10px; 
    text-align: center; 
    width: 530px; 
}
#Standard-Error.popin-M div > a { 
    background: url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-common/bg-bt-valid.png) no-repeat 0 0; 
    color: #FFF; 
    float: left; 
    font-size: 13px; 
    height: 31px; 
    line-height: 31px; 
    margin: 10px 226px; 
    text-align: center; 
    width: 97px; 
}

/*Popin*/
#popinNSOverlay { 
    left: 0; 
    position: fixed; 
    top: 0; 
    z-index: 100; 
}
#ns-overlay { 
    background-color: #000; 
    height: 100%; 
    left: 0px; 
    opacity: 0.5; 
    position: fixed; 
    top: 0px; 
    width: 100%; 
    z-index: 250; 
}
.ie7 #ns-overlay { filter: alpha(opacity = 50) }
#GlobalPopInContent { 
    height: auto; 
    position: absolute; 
    top: 80px; 
    width: auto; 
    z-index: 500; 
}
.ie7 body.z-indexed { z-index: 101 }

/* POpin mobicarte */
#popinMobicarte { display: none }
.popinMobicarteWrapper { 
    height: 150px; 
    padding: 55px 15px 0; 
    position: relative; 
    width: 320px; 
}
.popinMobicarteWrapper .popinMobicarteClose { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-common/close.png) no-repeat 0 0; 
    display: block; 
    height: 24px; 
    right: 5px; 
    position: absolute; 
    text-indent: -10000px; 
    top: 5px; 
    width: 24px; 
}
.popinMobicarteWrapper p { 
    font-size: 13px; 
    margin-bottom: 20px; 
}
.popinMobicarteWrapper img { margin-bottom: 10px }
.popinMobicarteWrapper .popinMobicarteRedirectionLink { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-mobicarte/bt-redirect.png) no-repeat 0 0; 
    color: #FFF; 
    display: block; 
    font-size: 12px; 
    height: 24px; 
    line-height: 24px; 
    margin: 0 auto; 
    width: 200px; 
}

/* Popin de perte de session
   ========================================================================== */
#session-expired {
    background: #FFF;
    border-radius: 5px;
    display: none;
    position: relative;
}

#session-expired .close-popin {
    position: absolute;
    right: 12px;
    top: 12px;
}

#session-expired .content {
    padding: 40px 25px;
    text-align: center;
}

#session-expired .content header p {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 45px;
}

#session-expired .content header p.OrangesansMedium {
    font-size: 24px;
    margin-bottom: 15px;
}

#session-expired .content .save-session {
    padding: 8px 30px;
}

/*** Rupture de stock ***/
.rupture-stock .ui-dialog-titlebar{
    display: none;
}

.rupture-stock .BtnWhiteBig{
    padding: 4px 0;
}

.rupture-stock .BtnOrangeBig{
    padding: 0 10px;
}
/*END:https://static.boutique.orange.fr/medias/newshop/css/css-990/popin/popin-common.css*/
/* 2020-9-29-7201-1 /!\ 02/10/2020 04:02:13 */

/*BEGIN:https://static.boutique.orange.fr/medias/newshop/toolkit-ns/stylesmut-ns.css*/
/*====== STYLES MUTUALISES NEWSHOP =========*/
.grid10 {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/grid10.png) repeat-y center 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10001;
    opacity: 0.2;
}
body {font-family: Arial, Helvetica,sans-serif; color:#333;}

.display-none {
    display: none !important;
}
.hidden {
    visibility: hidden;
}
/*====== PALETTE COULEURS NEWSHOP =========*/
/*
 GRIS
  #333333 : corps de texte / titre produit / titre rubrique / paragraphe / bouton et lien / pictogramme
  #666666 : titre page / sous-titre / titre produit / titre rubrique / nav transverse / pictogramme
  #999999 : texte notification / pictogramme
 ORANGE
  #FF9900 : pictogramme
  #f16e00 : texte prix / texte prioritaire / element & texte actif / bouton & lien / pictogramme
 VERT
  #339900 : etat "disponible" / texte / bouton / pictogramme
 ROUGE
  #FF0000 : etat "indisponible" / texte alerte, erreur / bouton / pictogramme
*/
/*--------- Typos ---------*/
.OrangesansLight,
.OrangesansLight p { font-family: orangesans45,Arial,sans-serif; }
.OrangesansRoman,
.OrangesansRoman p { font-family: orangesans55,Arial,sans-serif; }
.OrangesansMedium,
.OrangesansMedium p { font-family: orangesans65,Arial,sans-serif; }
.OrangesansBold,
.OrangesansBold p { font-family: orangesans75, Arial, sans-serif; font-weight: normal!important; }


/*--------- Couleurs ---------*/
.MutColor01 {color:#333}
.MutColor02 {color:#666}
.MutColor03 {color:#999}
.MutColor04 {color:#f16e00} /* anciennement #f60 */
.MutColor05 {color:#339900}
.MutColor06 {color:#ff0000}
.MutColor07 {color:#fff}

/*--------- Couleurs de fond ---------*/
.bkg-fff{background: #fff !important;}
.bkg-eee{background: #eee !important;}
.bkg-ddd{background: #ddd !important;}
.bkg-ccc{background: #ccc !important;}
.bkg-999{background: #999 !important;}
.bkg-f6f6f6{background: #f6f6f6 !important;}

/*--------- Titres ---------*/
.MutTitle01St01 {font-size:34px; font-weight:normal; font-family: helvneue75,Arial,sans-serif; color:#000}/* convient pour le grand titre de la page et occasionnellement comme titre de rubrique dans les pages d�accueil*/
.MutTitle02St01 {font-size:24px; font-weight:normal; font-family: orangesans45,Arial,sans-serif; color:#666}/* convient pour les sous-titres (ref. pages forfait) et les titres de produits */
.MutTitle02St02 {font-size:24px; font-weight:normal; font-family: orangesans65,Arial,sans-serif; color:#333}/* convient pour les titres de produit */
.MutTitle02St03 {font-size:24px; font-weight:bold; font-family: orangesans45,Arial,sans-serif; color:#666}/* convient pour les titres de rubrique */
.MutTitle02St04 {font-size:28px; line-height: 27px; font-family: orangesans65,Arial,sans-serif; color:#333;}
.MutTitle03St01 {font-size:20px; font-weight:normal; font-family: orangesans65,Arial,sans-serif; color:#666}
.MutTitle04St01 {font-size:18px; font-weight:normal; font-family: orangesans45,Arial,sans-serif; color:#666}/* convient pour les sous-titres (ref. pages forfait) */
.MutTitle02St05 {color: #666666;font-family: orangesans45,Arial,sans-serif;font-size: 30px;font-weight: normal;
}
/*--------- Textes ---------*/
.MutText01 {font-size:11px;}
.MutText02 {font-size:13px;}
.MutText03 {font-size:13px; font-weight:bold;}
.MutText04 {font-size:14px; font-weight:bold;}
.MutText05 {font-size:15px; font-weight:bold;}
.MutText06 {font-size:15px;}
.MutText07 {font-size:18px;}
.MutText08 {font-size:24px;}

/* Typographie */
.font-size10 { font-size: 10px }
.font-size11 { font-size: 11px }
.font-size12 { font-size: 12px }
.font-size13 { font-size: 13px }
.font-size14 { font-size: 14px }
.font-size15 { font-size: 15px }
.font-size16 { font-size: 16px }
.font-size17 { font-size: 17px }
.font-size18 { font-size: 18px }
.font-size19 { font-size: 19px }
.font-size20 { font-size: 20px }
.font-size21 { font-size: 21px }
.font-size22 { font-size: 22px }
.font-size23 { font-size: 23px }
.font-size24 { font-size: 24px }
.font-size25 { font-size: 25px }
.font-size26 { font-size: 26px }
.font-size27 { font-size: 27px }
.font-size28 { font-size: 28px }
.font-size29 { font-size: 29px }
.font-size30 { font-size: 30px }

/*--------- prix ---------*/
.MutPrice01 {float:left; width:auto; font-size:18px;}
	.MutPrice01 span {float:left; line-height:60px; color:#333;}
	.MutPrice01 .price {float:left; width:auto; margin:0 3px; font-size:46px; text-align:left; line-height:44px; color:#f16e00;}
	.MutPrice01 sup {display:inline; float:left; width: 10px; font-size:18px; color:#f16e00; vertical-align: text-top;}
	.MutPrice01 sub {float:left; width:auto; margin:20px 0 0 -9px; display:inline-block; font-size:18px; color:#333; vertical-align: text-bottom;}
	
.MutPrice02 {float:left; width:auto; font-size:18px;}
	.MutPrice02 span {float:left; line-height:38px; color:#333;}
	.MutPrice02 .price {float:left; width:auto; margin:0 3px 0 5px; font-size:32px; text-align:left; line-height:30px; color:#f16e00;}
	.MutPrice02 sup {display:inline; float:left; width:28px; font-size:16px; color:#f16e00; vertical-align: text-top; line-height:18px;}
	.MutPrice02 sub {float:left; width:auto; margin:13px 0 0 -25px; display:inline-block; font-size:13px; color:#333; vertical-align: text-bottom;}
	.MutPrice02 span.barred{text-decoration:line-through; color: #999}

.MutPrice03 {float:left; width:auto; font-size:13px;}
	.MutPrice03 span {float:left; line-height:42px; color:#333;}
	.MutPrice03 .price {float:left; width:auto; margin:0 0 0 5px; font-size:32px; text-align:left; line-height:29px; color:#f16e00;}
	.MutPrice03 sup {display:inline; float:left; width: 30px; font-size:16px;line-height: 18px; color:#f16e00; vertical-align: text-top;}
	.MutPrice03 sub {float:left; width:auto; margin:13px 0 0 -27px; display:inline-block; font-size:13px; color:#333; vertical-align: text-bottom;}
	
.MutPrice04 { width:auto; font-size:13px;}
	.MutPrice04 span {float:left; line-height:32px; color:#333;}
	.MutPrice04 .price {float:left; width:auto; margin:0 3px 0 5px; font-size:24px; text-align:left; line-height:25px; color:#f16e00;}
	.MutPrice04 sup {display:inline; float:left; font-size:14px; color:#f16e00; vertical-align: text-top;}
	.MutPrice04 sub {float:left; width:auto; margin:23px 0 0 -48px; display:inline-block; font-size:13px; color:#333; vertical-align: text-bottom;}
	
.MutPrice05 {float:right; width:auto; font-size:18px;}
	.MutPrice05 .price {float:left; width:auto; font-size:32px; text-align:left; line-height:30px; color:#f16e00;}
	.MutPrice05 .from {display:block; font-size: 13px;line-height: 30px;}
	.MutPrice05 sup {display:inline; float:left; font-size:16px; color:#f16e00; vertical-align: text-top;}
	.MutPrice05 sub {display:inline-block; float:left; width:auto; margin:30px 0 0 -66px; font-size:13px; color:#333; vertical-align: text-bottom;}
	
.MutPrice06 {width:auto; font-size:18px; color:#999;}
	.MutPrice06 .price {float:left; width:auto; line-height: 20px;}
	.MutPrice06 sup {display:inline; float:left; font-size:11px; vertical-align: text-top;}
	
.MutPrice07 {width:auto; font-size:13px;}
	.MutPrice07 .price {float:left; width:auto; font-size:24px; text-align:left; line-height:24px; color:#f16e00;}
	.MutPrice07 sup {display:inline; float:left; font-size:11px; color:#f16e00; vertical-align: text-top;}
	.MutPrice07 sub {display:inline-block; float:left; width:auto; margin:7px 0 0 5px; font-size:13px; color:#333; vertical-align: text-bottom;}
	
.MutPrice08 {width:auto; font-size:13px;}
    .MutPrice08 div {float:right;}
	.MutPrice08 .price {float:left; width:auto; font-size:24px; text-align:left; line-height:24px; color:#f16e00;}
	.MutPrice08 sup {display:inline; float:left; font-size:11px; color:#f16e00; vertical-align: text-top;}
	.MutPrice08 sub {display:block; clear:both; width:auto; font-size:11px; color:#333; vertical-align: text-bottom;}
	
.MutPrice09 {float:left; width:auto; font-size:18px;}
	.MutPrice09 span {float:left; line-height:38px; color:#333;}
	.MutPrice09 .price {float:left; width:auto; margin:0 3px 0 5px; font-size:42px; text-align:left; line-height:38px; color:#f16e00;}
	.MutPrice09 sup {display:inline; float:left; width:28px; font-size:16px; color:#f16e00; vertical-align: text-top; line-height:21px;}
	.MutPrice09 sub {float:left; width:auto; margin:13px 0 0 -25px; display:inline-block; font-size:13px; color:#333; vertical-align: text-bottom;}
	.MutPrice09 span.barred{text-decoration:line-through;color: #999}
	
/*--------- liens ---------*/
.MutLink01 { font-size:14px; padding:0 15px 0 0; font-weight:bold; color:#333; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% 4px; }
.MutLink01:hover, .MutLink01.pointerHover{color:#f16e00; background-position:100% -78px; text-decoration:none;}

.MutLink02 { font-size:14px; padding:0 0 0 15px; font-weight:bold; color:#333; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 0% -17px; }
.MutLink02:hover{color:#f16e00; background-position:0% -99px; text-decoration:none;}

.MutLink03 { font-size:13px; padding:0 0 0 15px; font-weight:bold; color:#333; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 0% -40px; }
.MutLink03:active {background-position:0% -143px; text-decoration:none;}

.MutLink04 { font-size:13px; padding:0 15px 0 0; font-weight:bold; color:#333; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% -40px; }
.MutLink04:active {background-position:100% -143px; text-decoration:none;}

.MutLink05 { background: url(//static.boutique.orange.fr/medias/newshop/css/css-990/skin-common/chevron-orange-left.png) no-repeat scroll right center transparent; display: block; font-size: 13px; font-weight: bold; padding-right: 8px; }

.MutLink06 { font-size:14px; padding:0 0 0 15px; font-weight:bold; color:#FFF; text-decoration:none; background:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% -161px; }
.MutLink06:hover { text-decoration: underline; }

/* Lien noir / devient orange en hover */
.MutLinkBlack{
	color: #000;
	font: normal 14px/18px 'orangesans75', Arial,sans-serif;
}

.MutLinkBlack:hover,
.pointer:hover .MutLinkBlack{
	color: #f16e00;
	text-decoration: underline;
}
.MutLinkBlack.MutLink01 {
    background-position: 100% 6px;
}
.MutLinkBlack.MutLink01:hover,
.MutLinkBlack.MutLink01.pointerHover {
    background-position: 100% -76px;
}

/* Lien noir avec chevron / chevron devient orange en hover */
.MutLinkBlackChevron{
  background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% -161px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  padding-right: 13px;
}

.MutLinkBlackChevron:hover,
.MutLinkBlackChevron.pointerHover
.pointer:hover .MutLinkBlackChevron{
  background-position: 100% 3px;
  text-decoration: underline;
}

/*--------- liste d�roulante ---------*/
.MutList01 {display:inline-block; position:relative; z-index:1;}
.MutList01 .top {height:26px; line-height:26px; font-size:13px; color:#333; border:1px solid #D3D3D3; overflow: hidden;}
.MutList01 .value {display:block; float:left; position:relative; padding:0 15px; text-align:center;}
.MutList01 a {float:right; height:26px; width:26px; text-decoration:none; border-left:1px solid #D3D3D3; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat scroll 55% -34px transparent;}
.MutList01 a:active {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat scroll 55% -137px transparent;} 

/*--------- boutons ---------*/
.Btn01, .Btn02, .Btn03, .Btn04, .Btn05, .Btn06, .Btn07,  .Btn08, .Btn12 {display: inline; float: left; height: 50px;  padding-right: 32px; overflow: hidden; text-align:center; line-height: 50px; text-decoration: none; cursor:pointer;}
.Btn01 span, .Btn02 span, .Btn03 span, .Btn04 span, .Btn05 span, .Btn06 span, .Btn07 span, .Btn08 span, .Btn12 span {display: block; min-width:90px; padding: 0 0 0 32px; font-size: 14px; font-weight: bold; line-height: 50px;}
.Btn01:hover, .Btn02:hover, .Btn05:hover {background-position:right -50px; text-decoration:none;}
.Btn03:hover, .Btn04:hover, .Btn07:hover, .Btn08:hover, .Btn12:hover {text-decoration:none;}
.Btn01:hover span, .Btn02:hover span, .Btn05:hover span {background-position:left -50px;}
.Btn09, .Btn10, .Btn11 {display: inline; float: left; padding-right: 31px; overflow: hidden; text-align:center; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-select-01.png) no-repeat; text-decoration: none; cursor:pointer;}
.Btn09 span, .Btn10 span, .Btn11 span  {display: block; min-width:30px; padding: 0 0 0 31px; font-size: 14px; font-weight: bold; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-select-02.png) no-repeat;}


.Btn01 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-01.png) no-repeat right top;}
.Btn01 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-02.png) no-repeat left top; color: #fff; line-height: 50px;}

.Btn02 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-white-01.png) no-repeat right top;}
.Btn02 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-white-02.png) no-repeat left top; color: #333; line-height: 50px;}

.Btn03 {padding-right:77px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-03.png) no-repeat right top;}
.Btn03 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-02.png) no-repeat left top; color: #fff; line-height: 45px;padding-bottom: 5px;}

.Btn04 {padding-right:77px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-03.png) no-repeat right top; line-height:normal; text-align:right;}
.Btn04 span {padding-top:6px; padding-bottom:11px;background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-02.png) no-repeat left top; color: #fff; line-height: 18px;}

.Btn05 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-01.png) no-repeat right top; line-height:normal;}
.Btn05 span {padding-top:6px; padding-bottom:11px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-orange-02.png) no-repeat left top; color: #fff; line-height: normal;}

.Btn06 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-white-01.png) no-repeat right top; line-height:normal}
.Btn06 span {padding-top:7px; padding-bottom:9px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-white-02.png) no-repeat left top; color: #333; line-height: normal;}
.Btn06 strong {font-weight:bold;}

.Btn07 {height:32px; padding-right:33px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-small-01.png) no-repeat right top; line-height:32px;}
.Btn07 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-small-02.png) no-repeat left top; color: #fff; line-height: 32px;}

.Btn08 {height:32px; background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-small-01.png) no-repeat right -32px; line-height:32px;    padding-right: 33px;}
.Btn08 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-small-02.png) no-repeat left -32px; color: #333; line-height: 32px;}

.Btn09 {background-position: right top; line-height:34px;}
.Btn09 span {background-position: left top; color: #333; line-height: 32px;}
.Btn09:hover, .Btn09:active, .Btn09.active {background-position:right -34px; text-decoration:none;}
.Btn09:hover span, .Btn09:active span, .Btn09.active span {background-position:left -34px;}

.Btn10 {background-position: right -68px; line-height:52px;}
.Btn10 span {padding-top:8px; padding-bottom:8px; background-position: left -68px; color: #333; line-height: normal;}
.Btn10:hover, .Btn10:active, .Btn10.active, .Btn11:hover, .Btn11:active, .Btn11.active {background-position:right -120px; text-decoration:none;}
.Btn10:hover span, .Btn10:active span, .Btn10.active span, .Btn11:hover span, .Btn11:active span, .Btn11.active span  {background-position:left -120px;}

.Btn11 { line-height:52px; height:49px; width:112px; padding-right:31px; background-position: right -200px; text-align:left; overflow:hidden;}
.Btn11 span {padding:8px 0 8px 20px; background-position: right -200px; color: #333; line-height: normal;}
.Btn11 span strong {font-weight:normal; color:#339900;}
.Btn11 span strong.out {color:#666666;}
.Btn11 span img {display:block; float:left; height:34px; width:34px; margin-right:4px; border:none;}

.Btn12 {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-grey-01.png) no-repeat left top;float:right;padding-right:0;}
.Btn12 span {background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/btn-grey-02.png) no-repeat right top; color: #fff; line-height: 50px;padding:0 50px 0 15px;}

.BtnWhiteBig {
  display: inline-block;  
  height: 35px;
  width:232px;
  cursor: pointer;
  padding: 0;
  border: 1px solid #dedede;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: normal normal bold 15px/35px Arial, Helvetica, sans-serif;
  color: #333333;
  text-align: center;
  background: #fff -webkit-linear-gradient(90deg, rgba(0,0,0,0.05) 0, rgba(255,255,255,0.05) 100%);
  background: #fff -moz-linear-gradient(0deg, rgba(0,0,0,0.05) 0, rgba(255,255,255,0.05) 100%);
  background: #fff linear-gradient(0deg, rgba(0,0,0,0.05) 0, rgba(255,255,255,0.05) 100%);
  background-position: 50% 50%;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2) , 2px 2px 2px 0 rgba(255,255,255,0.8) inset;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2) , 2px 2px 2px 0 rgba(255,255,255,0.8) inset;
}

.BtnWhiteBig span:first-child{line-height: 1;}

.BtnWhiteBig span {
    line-height: 18px; 
    vertical-align: middle;
     display: inline-block;

}

.BtnWhiteBig:hover, 
.BtnWhiteBig.pointerHover {
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 1px 0 2px 1px #ececec ;
    box-shadow: 1px 0 2px 1px #ececec ;
}

.ie7 .BtnWhiteBig, 
.ie8 .BtnWhiteBig, 
.ie9 .BtnWhiteBig { background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-white-big.png) repeat-x scroll 0 0 #fff;}

.BtnOrangeBig {
    display: inline-block;		  
	border: 1px solid #f05214;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: normal normal bold 13px/45px Arial;
	color: #fff;
	text-align: center;
	background: -webkit-linear-gradient(90deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	background: -moz-linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	background: linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
}
.BtnOrangeBig:hover, 
.BtnOrangeBig.pointerHover {
    text-decoration: none;
    background: -webkit-linear-gradient(90deg, rgba(247,120,24,1) 0, rgba(255,152,1,1) 100%), #f77818;
	background: -moz-linear-gradient(0deg, rgba(247,120,24,1) 0, rgba(255,152,1,11) 100%), #f77818;
	background: linear-gradient(0deg, rgba(247,120,24,1) 0, rgba(255,152,1,1) 100%), #f77818;
} 
.ie7 .BtnOrangeBig,
.ie8 .BtnOrangeBig,
.ie9 .BtnOrangeBig {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange-big.png) repeat-x 0 0 #f15c19;
}
.ie7 .BtnOrangeBig:hover,
.ie8 .BtnOrangeBig:hover,
.ie9 .BtnOrangeBig:hover,
.ie7 .BtnOrangeBig.pointerHover,
.ie8 .BtnOrangeBig.pointerHover,
.ie9 .BtnOrangeBig.pointerHover {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange-big-hover.png) repeat-x 0 0 #f77818;
}
.BtnOrangeBigFleche {
    display: inline-block;		  
	border: 1px solid #f05214;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    height: 45px;
	font: normal normal bold 13px/45px Arial;
	color: #fff;
	text-align: right;
	background: -webkit-linear-gradient(90deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	background: -moz-linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	background: linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
}
.BtnOrangeBigFleche:hover {
    text-decoration: none;
    background: -webkit-linear-gradient(90deg, rgba(247,120,24,1) 0, rgba(255,152,1,1) 100%), #f77818;
	background: -moz-linear-gradient(0deg, rgba(247,120,24,1) 0, rgba(255,152,1,11) 100%), #f77818;
	background: linear-gradient(0deg, rgba(247,120,24,1) 0, rgba(255,152,1,1) 100%), #f77818;
}

.ie7 .BtnOrangeBigFleche,
.ie8 .BtnOrangeBigFleche,
.ie9 .BtnOrangeBigFleche {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange-big.png) repeat-x 0 0 #f15c19;
}

.ie7 .BtnOrangeBigFleche:hover,
.ie8 .BtnOrangeBigFleche:hover,
.ie9 .BtnOrangeBigFleche:hover {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange-big-hover.png) repeat-x 0 0 #f77818;
}

.BtnOrangeBigFleche span{
   line-height: 18px; 
    vertical-align: middle; 
    display: inline-block; 
    float: none;
}
.BtnOrangeBigFleche .chevron{
    width:30px;
    height:45px;
    margin:0 34px 0 18px;
    display:inline-block;
    float:right;
    background:transparent url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/fleche.png) no-repeat center;
}

.BtnOrangeBigFleche:after{
	content: ""; /* Important, sinon l'�l�ment n'est pas g�n�r�. */
	display: table;
	clear: both;
}

.ie7 .BtnOrangeBigFleche{
	zoom:1;
}

.BtnOrange {
    display: inline-block;    
    border: 1px solid #f05214;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(90deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
    background: -moz-linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
    background: linear-gradient(0deg, rgba(241,89,25,1) 0, rgba(243,104,25,1) 25%, rgba(246,117,26,1) 55%, rgba(250,147,40,1) 100%), #d802c3;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.4) , 0 0 1px 0 rgba(255,255,255,0.8) inset;
    font-size: 13px;
    color: #fff;
    line-height: 26px;
    padding: 0 29px;
    font-weight: bold;
 letter-spacing:0;
}
.ie7 .BtnOrange,
.ie8 .BtnOrange, 
.ie9 .BtnOrange {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/bkg-bt-orange.png) repeat-x 0 0 #f15c19;
}
.BtnOrange:hover {text-decoration: none;}

.BtnOrangeFlat {
    background: #f16e00;
    color: #fff;
    display: inline-block; 
    font: normal 14px/44px orangesans75, Arial, sans-serif;
    padding: 0 20px;
}
.BtnOrangeFlat.pointerHover,
.BtnOrangeFlat:hover {
    text-decoration: none;
    background: #000;
    color: #fff;
}
.BtnOrangeFlat.disabled,
.button-common-4.disabled{
	background: #ccc;
    border: 0;	
    color: #fff;
}
.button-common-4.disabled{
	pointer-events: none;
}
.BtnOrangeFlat.disabled.pointerHover,
.BtnOrangeFlat.disabled:hover,
.button-common-4.disabled.pointerHover,
.button-common-4.disabled:hover{
	background: #ccc;
	cursor: default;
}
.button-common-1 {
    border: 2px solid #000;
    color: #000; 
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

.button-common-disable {
    border: 2px solid #000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}
.button-common-3 {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.button-common-3:hover {
    background: #fff;
    color: #000;
    text-decoration: none;
}

.button-common-4 {
    border: 2px solid #000;
    color: #000;
    display: inline-block;
    font: normal 14px/36px orangesans75, Arial, sans-serif;
    padding: 0 20px;
    text-decoration: none;
}

.pointer:hover .button-common-1,
.button-common-1:hover,
.button-common-4:hover,
.button-common-4:active{
    background: #000;
    color: #fff;
    text-decoration: none;
}
.pointer:active .button-common-1,
.button-common-1:active,
.button-common-4:focus{
    background: #f16e00 !important;
    border-color: #f16e00;
    color: #fff;
}

/* liens/boutons CTC */
.ctc-orange-small,
.ctc-white-small,
.ctc-white-big {
    cursor: pointer;
    text-align: center;
    box-sizing:border-box;
    
}
.ctc-orange-small {
    background: #f16e00;    
    font: normal 16px/40px helvetica75, Arial, sans-serif;
    width: 188px;  
    color: #fff;  
}
.ctc-white-small:hover,
.ctc-orange-small:hover,
.ctc-white-big:hover {
    background: #000;
    color: #fff;
}
.ctc-white-small {
    background: #fff;
    color: #000;
    font: normal 16px/36px helvetica75, Arial, sans-serif;
    width: 188px;
    border: 2px solid #000;
}
.ctc-white-big {
    background: #fff;
    color: #000;
    font: normal 16px/36px helvetica75, Arial, sans-serif;
    width: 252px;
    border: 2px solid #000;
}
.ctc-link14px,
.ctc-link16px {
    background-image: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png);
    background-repeat: no-repeat;
    padding-right: 15px;
    display: inline;
    cursor: pointer;
}
.ctc-link14px {
    font: normal 14px/20px helvetica75, Arial, sans-serif;
    background-position: 100% -158px;
}
.ctc-link16px {
    font: normal 16px/20px helvetica75, Arial, sans-serif;
    background-position: 100% -156px;
}
.ctc-link14px:hover,
.ctc-link16px:hover {
    color: #f16e00;
    
}
.ctc-link14px:hover {
    background-position: 100% 6px;
}
.ctc-link16px:hover {
    background-position: 100% 8px;
}
/*--------- sprites ---------*/
.sprite {height:48px; width:47px; background-image:url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/icon-sprite.png);}
	.sprite.icon01_01 {background-position:0 0;}
	.sprite.icon01_02 {background-position:-90px 0;}
	.sprite.icon01_03 {background-position:-171px 0;}
	.sprite.icon01_04 {background-position:0 -70px;}
	.sprite.icon01_05 {background-position:-90px -70px;}
	.sprite.icon01_06 {background-position:-171px -70px;}
	.sprite.icon01_07 {background-position:0 -140px;}
	.sprite.icon01_08 {background-position:-90px -140px;}
	.sprite.icon01_09 {background-position:-171px -140px;}
	.sprite.icon01_10 {background-position:0 -210px;}
	.sprite.icon01_11 {background-position:-90px -210px;}
	.sprite.icon01_12 {background-position:-171px -210px;}
	.sprite.icon01_13 {background-position:0 -280px;}
	.sprite.icon01_14 {background-position:-90px -280px;}
	.sprite.icon01_15 {background-position:-171px -280px;}
	.sprite.icon01_16 {background-position:0 -350px;}
	.sprite.icon01_17 {background-position:-90px -350px;}
	.sprite.icon01_18 {background-position:-171px -350px;}
	.sprite.icon01_19 {background-position:0 -420px;}
	.sprite.icon01_20 {background-position:-90px -420px;}
	.sprite.icon01_21 {background-position:-171px -420px;}
	.sprite.icon01_22 {background-position:0 -490px;}
	.sprite.icon01_23 {background-position:-90px -490px;}
	.sprite.icon01_24 {background-position:-171px -490px;}
	.sprite.icon01_25 {background-position:-250px 0;}
	
	.sprite.icon02_01 {background-position:0 -538px;}
	.sprite.icon02_02 {background-position:-90px -538px;}
	.sprite.icon02_03 {background-position:-171px -538px;}
	.sprite.icon02_04 {background-position:0 -608px;}
	.sprite.icon02_05 {background-position:-90px -608px;}
	.sprite.icon02_06 {background-position:-171px -608px;}
	.sprite.icon02_07 {background-position:0 -678px;}
	.sprite.icon02_08 {background-position:-90px -678px;}
	.sprite.icon02_09 {background-position:-171px -678px;}
	.sprite.icon02_10 {background-position:0 -748px;}
	.sprite.icon02_11 {background-position:-90px -748px;}
	.sprite.icon02_12 {background-position:-171px -748px;}
	.sprite.icon02_13 {background-position:0 -818px;}
	.sprite.icon02_14 {background-position:-90px -818px;}
	.sprite.icon02_15 {background-position:-171px -818px;}
	.sprite.icon02_16 {background-position:0 -888px;}
	.sprite.icon02_17 {background-position:-90px -888px;}
	.sprite.icon02_18 {background-position:-171px -888px;}
	.sprite.icon02_19 {background-position:0 -959px;}
	.sprite.icon02_20 {background-position:-90px -959px;}
	.sprite.icon02_21 {background-position:-171px -959px;}
	.sprite.icon02_22 {background-position:0 -1029px;}
	.sprite.icon02_23 {background-position:-90px -1029px;}
	.sprite.icon02_24 {background-position:-171px -1029px;}
	
	.sprite.icon03_01 {background-position:0 -1076px;}
	.sprite.icon03_02 {background-position:-90px -1076px;}
	.sprite.icon03_03 {background-position:-171px -1076px;}
	.sprite.icon03_04 {background-position:0 -1146px;}
	.sprite.icon03_05 {background-position:-90px -1146px;}
	.sprite.icon03_06 {background-position:-171px -1146px;}
	.sprite.icon03_07 {background-position:0 -1216px;}
	.sprite.icon03_08 {background-position:-90px -1216px;}
	.sprite.icon03_09{background-position:-171px -1216px;}
	.sprite.icon03_10 {background-position:0 -1286px;}
	.sprite.icon03_11 {background-position:-90px -1286px;}
	.sprite.icon03_12 {background-position:-171px -1286px;}
	.sprite.icon03_13 {background-position:0 -1356px;}
	.sprite.icon03_14 {background-position:-90px -1356px;}
	.sprite.icon03_15 {background-position:-171px -1356px;}
	.sprite.icon03_16 {background-position:0 -1426px;}
	.sprite.icon03_17 {background-position:-90px -1426px;}
	.sprite.icon03_18 {background-position:-171px -1426px;}
	.sprite.icon03_19 {background-position:0 -1496px;}
	.sprite.icon03_20 {background-position:-90px -1496px;}
	.sprite.icon03_21 {background-position:-171px -1496px;}
	.sprite.icon03_22 {background-position:0 -1566px;}
	.sprite.icon03_23 {background-position:-90px -1566px;}
	.sprite.icon03_24 {background-position:-171px -1566px;}
	

/* style print pour les liens */

.print { background: transparent url(//static.boutique.orange.fr/medias/newshop/css/css-990/skin-common-command/print.png) no-repeat 0 0; display: block; font-size: 13px; height: 20px; padding-left: 30px; }
/* gestion cms */
.layout { float: left }

/* Class CMS */

.border-left-1px-eee{border-left: 1px solid #eee;}
/* Bkg blanc */
.bkg-fff {
    background: #fff;
}
/*border*/
.border-5px-solid-eee{
  border: 5px solid #eee;
}

/*marges*/
.margin-b9{ margin-bottom: 9px!important; }
.margin-b13 { margin-bottom: 13px!important;}
.margin-b18 { margin-bottom: 18px!important;}
.margin-b27 { margin-bottom: 27px!important;}
.margin-b36,
.margin36 { margin-bottom: 36px!important; }
.margin-b45,
.margin45 { margin-bottom: 45px!important; }
.margin-b72{ margin-bottom: 72px; }
.margin-b5{margin-bottom: 5px !important;}
.margin-b10{margin-bottom: 10px !important;}
.margin-b15{margin-bottom: 15px !important;}
.margin-b20{margin-bottom: 20px !important;}
.margin-b25{margin-bottom: 25px !important;}
.margin-b30{margin-bottom: 30px !important;}
.margin-b35{margin-bottom: 35px !important;}
.margin-b38{margin-bottom: 38px !important;}
.margin-b40{margin-bottom: 40px !important;}
.margin-b55{margin-bottom: 55px !important;}
.margin-b60{margin-bottom: 60px !important;}
.margin-b80{margin-bottom: 80px !important;}

.margin-t30 {
	margin-top: 30px!important;
}
.margin-b72{
	margin-bottom: 72px;
}

/* padding */
.padding-t9 {
    padding-top: 9px!important;
}

.padding-t45 {
    padding-top: 45px!important;
}

/*** Grille pour alignement ***/

.grid-9{
	background: transparent url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/grille-9.png) repeat-y center 0;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10001;
    opacity: 0.5;
}

.grid10 {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/grid10.png) repeat-y center 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10001;
    opacity: 0.2;
}
/*END:https://static.boutique.orange.fr/medias/newshop/toolkit-ns/stylesmut-ns.css*/


/*BEGIN:https://static.boutique.orange.fr/medias/newshop/front/user-interface/css/common.css*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

body {
	background: #fff;
    color: #333; 
    font: .69em Arial, Helvetica, sans-serif; 
    margin: 0; 
    padding: 0;
}
body.reworking {
    background: #eee;
    color: #000;
}

h1, h2, h3, h4, h5, h6 { 
    font-size: 100%; 
    font-family: orangesans45,orangesans65, Arial, sans-serif; 
    font-stretch: normal; 
}

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup { 
    vertical-align: text-top;
}

sub { 
    vertical-align: text-bottom;
}

legend { 
    color: #000;
}

strong { 
    font-weight: bold;
}

i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

small {
    font-size: 11px; 
    font-weight: normal; 
}

a { 
    color: #333; 
    text-decoration: none; 
}
a:hover { 
    text-decoration: underline;
}
a:focus {
    outline: 1px dotted #000;
}

/* ==========================================================================
   Classes communes
   ========================================================================== */

/* Positionnement
   ========================================================================== */
.ie7 .clearfloat {
	zoom: 1;
}

.clearfloat:before,
.clearfloat:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfloat:after {
    clear: both;
}

.clearfix {
    overflow: hidden;
}

.ie7 .inl-block {
    float: left;
}

.inl-block {
    display: inline-block;
    vertical-align: top;
}

.block {
    display: block;
}

/* Alignement
   ========================================================================== */
div#main, 
.conteneur-center {
	margin: auto;
	width: 990px;
}

.txt-center { 
    text-align: center;
}

/* bandeau de 1264px de large a centrer */
.conteneur-bandeau,
.bandeau1280 {
    margin: 0 auto;
    width: 100%;
}

.module-1264,
.module-1280 {
    width: 100% !important;
}

/* Pr�sentation
   ========================================================================== */
.pointer,
.pointer-no-js { 
    cursor: pointer;
}

.ui-state-active { 
    background: none;
}

.striked { 
    text-decoration: line-through;
}

.hidden-elt { 
    display: none;
}

a.focus { 
    outline: 1px dotted #000;
}

.return,
.next { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 2px -17px; 
    color: #333; 
    float: left; 
    font-size: 13px; 
    padding-left: 13px; 
}

.next { 
    float: right; 
}

.shadow { 
    background:url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-choice-mobile/sep-2.png) no-repeat 0 100%; 
    clear: both; 
    height: 18px; 
    margin: 0; 
    width: 940px; 
}

.to-pdf { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/ico-pdf.png) no-repeat  0 -0px; 
    color: #333; 
    float: left; 
    font-size: 13px; 
    line-height: 15px; 
    margin-top: 12px; 
    padding-left: 20px; 
    width: 100%; 
}

.link-to { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat scroll 100% 2px transparent; 
    color: #333; 
    font-weight: bold; 
    padding-right: 12px; 
}

/* Titre mobile */
.mobile-title {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-width: 1px 0;
    font-size: 18px !important;
    line-height: 20px !important;
    margin: 10px auto 8px !important;
    padding: 17px 0 17px 12.5%;
    position: relative;
}

.mobile-title a:before {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sprite-arrow.png) no-repeat 0px -61px;
    content: '';
    display: block;
    height: 13px;
    left: 3.13%;
    position: absolute;
    top: 21px;
    width: 8px;
}

/* Support mobile
   ========================================================================== */
.mobile-show {
	display: none !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {
    .mobile-hide {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }
}

/* Bloc de base
   ========================================================================== */
.white-box {
	background: #fff;
	margin-bottom: 38px;
}

/* Titres
   ========================================================================== */
strong.title-page, 
h1.title-page {
    color: #000; 
    display: block; 
    font: normal 34px helvneue75,Arial,sans-serif; 
    margin: -36px 0 20px 24px; 
    width: 900px; 
}

strong.title-page span {
    color: #000; 
    display: block; 
    font-size: 13px; 
}

/* Boutons / Liens
   ========================================================================== */
.button-common-1 {
    border: 2px solid #333;
    color: #333; 
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.pointer:hover .button-common-1,
.button-common-1:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}
.pointer:active .button-common-1,
.button-common-1:active {
    background: #f16e00;
    border-color: #f16e00;
    color: #fff;
}

.button-common-2 {
	background: #f16e00;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.button-common-2:hover {
    text-decoration: none;
}

.MutLink07,
.MutLink07:after {
    display: inline-block;
}

.MutLink07 {
    background: none;
    color: #333; 
    font-size: 14px; 
    font-weight: bold; 
    text-decoration:none; 
}
.MutLink07:hover {
    color: #f16e00;
}
.MutLink07:after {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 100% 3px; 
    content: '';
    height: 12px;
    margin-left: 10px;
    width: 11px;
}
.MutLink07:hover:after, 
.MutLink07.pointerHover:after {
    background-position: 100% -79px;
}

.MutLinkArrowRight {
	font-weight: bold;
	text-decoration: none;
}
.MutLinkArrowRight.black {
	color: #333;
}
.MutLinkArrowRight:after {
	content: '';
	display: inline-block;
	height: 12px;
	margin-left: 8px;
	width: 9px;
}
.MutLinkArrowRight.white:after {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sprite-arrow.png) no-repeat 0px -164px;
}
.MutLinkArrowRight.black:after {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat right -164px;
    height: 9px;
    width: 9px;
}
.MutLinkArrowRight.bottom.black:after {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sprite-arrow.png) no-repeat 0 -84px;
    height: 8px;
    width: 12px;
}

/* Emulation de listes d�roulantes
   ========================================================================== */

.dyn-ddl { 
    display: inline-block; 
    position: relative; 
    z-index: 2; 
}
.dyn-ddl .dyn-ddl-top { 
    display: block; 
    height: 28px; 
    overflow: hidden; 
    width: 100%; 
    z-index: 1; 
}
.dyn-ddl .dyn-ddl-top .dyn-ddl-value { 
    border: 1px solid #CCC; 
    border-right: none; 
    border-radius: 3px 0 0 3px; 
    display: block; 
    float: left; 
    font-size: 13px; 
    height: 26px; 
    line-height: 26px; 
    text-align: center; 
}
.dyn-ddl .dyn-ddl-top .dyn-ddl-button { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-dyn-ddl-sprite.png) no-repeat center 0; 
    border: 1px solid #CCC; 
    border-radius: 0 3px 3px 0; 
    cursor: pointer; 
    display: block; 
    float: left; 
    height: 26px; 
    width: 28px; 
}
.dyn-ddl.active .dyn-ddl-top .dyn-ddl-button { background-position: 0 100% }
.dyn-ddl .dyn-ddl-list { 
    border: 1px solid #D3D4D4; 
    border-top: none; 
    border-radius: 3px; 
    display: none; 
    max-height: 12em; 
    overflow: auto; 
    padding-top: 1px; 
    position: absolute; 
    z-index: 2; 
}
.dyn-ddl.active .dyn-ddl-list { display: block }
.dyn-ddl .dyn-ddl-list li { 
    background-color: #FFF; 
    display: block; 
    height: 32px; 
    font-size: 13px; 
}
.dyn-ddl .dyn-ddl-list li > a { 
    display: block; 
    font-size: 13px; 
    line-height: 32px; 
    padding-left: 5px; 
}
.dyn-ddl .dyn-ddl-list li > a:hover { 
    background-color: #EEE; 
    text-decoration: none; 
}

/* Etat d�sactiv� */
.dyn-ddl.disabled .dyn-ddl-top .dyn-ddl-value { background-color: #F0F0F0 }
.dyn-ddl.disabled .dyn-ddl-top .dyn-ddl-button { 
    background-position: 0 -27px; 
    cursor: default; 
    outline-width: 0; 
}

/* Emulation de cases � cocher
   ========================================================================== */
.fake-checkbox { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-checkbox.png) no-repeat 0 0; 
    display: inline-block; 
    float: left; 
    height: 17px; 
    margin:0 7px 0 0; 
    overflow: hidden; 
    width: 18px; 
}
.fake-checkbox.checked { background-position: -34px 0 }
.fake-checkbox a { 
    display: block; 
    height: 100%; 
    text-indent: -9999px; 
    width: 100%; 
}
.fake-checkbox a:hover { text-decoration: none }
.ns-checkbox-label { cursor: pointer }
/** Etat d�sactiv� **/
.fake-checkbox.disabled { 
    background-position: -17px 0; 
    cursor: default; 
}
.fake-checkbox.disabled a { 
    cursor: default; 
    outline-width: 0; 
}

/* Emulation de boutons radio
   ========================================================================== */
.fake-radio-button { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-radio.png) no-repeat 0 0; 
    display: inline-block; 
    float: left; 
    height: 16px; 
    overflow: hidden; 
    padding: 0 6px 0 0; 
    width: 18px; 
}

.fake-radio-button.checked { 
    background-position: 0 -34px; 
}
.fake-radio-button a { 
    display: block; 
    text-indent: -9999px; 
    width: 100%; 
}
.fake-radio-button a:hover { 
    text-decoration: none;
}
.ns-radio-button-label { 
    cursor: pointer;
}

/* Etat d�sactiv� */
.fake-radio-button.disabled { 
    background-position: 0 -17px;
}
.fake-radio-button.disabled a { 
    cursor: default; 
    outline-width: 0; 
}

/* ==========================================================================
   Gestion tablette
   ========================================================================== */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    body {
        margin: 0 auto;
        width: 990px;
    }
    .dl-player-container{
        width: 100%;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
    .dl-player-container{
        width: 100%;
    }
}

/* ==========================================================================
   Infobulle
   ========================================================================== */
.info-bubble { 
    background: #FFF; 
    border: 1px solid #CCC; 
    border-radius: 5px; 
    box-shadow: 1px 1px 15px #D3D3D3; 
    color: #000; 
    display: none; 
    font-size: 13px; 
    padding: 18px 24px; 
    position: absolute; 
    width: 310px; 
    z-index: 998; 
}

#arrow-info-bubble { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sep-info-bull.png) no-repeat 0 0; 
    display: none; 
    height: 21px; 
    overflow: hidden; 
    position: absolute; 
    width: 21px; 
    z-index: 999; 
}

#arrow-info-bubble.position-right,
#arrow-info-bubble.position-left   { 
    width: 14px;
}

#arrow-info-bubble.position-right  { background-position: -42px 0 }
#arrow-info-bubble.position-bottom { background-position: -21px 0 }
#arrow-info-bubble.position-left   { background-position: -56px 0 }

/* ==========================================================================
   Formats de prix
   ========================================================================== */

/* Format de prix commun
   ========================================================================== */
.common-price-container {
    float: none !important;
}
.common-price { 
    display: inline-block; 
    font-size: 32px; 
    line-height: 1; 
    padding: 0 45px 0 0; 
    position: relative; 
}
.common-price .striked {
    text-decoration: line-through;
}
.common-price > sup,
.common-price > sub {
    display: block; 
    font-size: 14px; 
    line-height: 1; 
    position: absolute; 
    right: 0; 
    text-align: left; 
    width: 40px; 
}
.common-price > sup { top: 2px }
.common-price > sub { top: 16px }

/* Pr�sentation de prix
   ========================================================================== */
.box-price { 
    float: left; 
    width: auto; 
}

.box-price span { 
    color: #333; 
    float: right; 
    font-size: 10px; 
    font-weight: normal; 
    line-height: 1.2; 
    margin-right: 5px; 
    text-align: left; 
    vertical-align: baseline; 
    width: auto; 
}
.box-price span.price_edp { 
    color: #333; 
    float: left; 
    font-size: 13px; 
    font-weight: normal; 
    line-height: 1.2; 
    margin-right: 5px; 
    text-align: right; 
    vertical-align: baseline; 
    width: auto; 
}

.box-price span.barred { 
    float: left; 
    font-size: 14px; 
    line-height: 46px; 
    text-align: left; 
    text-decoration: line-through; 
    vertical-align: text-bottom; 
    width: auto; 
    color:#999;
} 
.box-price span.price { 
    color: #F16E00; 
    float: left; 
    font-size: 32px; 
    font-weight: normal; 
    line-height: 34px; 
    text-align: left; 
    width: auto; 
}
.box-price span.promo { 
    color: #333; 
    float: left; 
    font-size: 12px; 
    font-weight: normal; 
    line-height: 16px; 
    text-align: left; 
    width: auto; 
}
.box-price span.eco-par { 
    color: #999; 
    float: left; 
    font-size: 11px; 
    line-height: 13px; 
    margin: 11px 0 0;
    width: 100%; 
}

.box-price sup { 
    color: #F16E00; 
    display: inline; 
    float: left; 
    font-size: 16px; 
    width: 30px; 
}

.box-price sub { 
    color: #333; 
    display: inline-block; 
    font-size: 16px; 
    margin: 13px 0 0 -27px; 
    width: auto; 
}

/* Prix discount
   ========================================================================== */
.discount { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sep-discount-bottom.png) no-repeat 50% 0; 
    float: left; 
    padding: 10px 0; 
    margin-top: 10px; 
    width: auto; 
}

.discount.top { 
    background-position: 50% 100%;
}

.discount .inner { 
    float: left; 
    width: auto; 
}

.discount .inner img { 
    float: right;
}

.discount .inner strong {
    color: #333;  
    font-size: 12px; 
    width: auto; 
}

.discount .inner p { 
    color: #333; 
    width: auto; 
}

.discount .inner a { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 2px; 
    float: left; 
    font-weight: bold; 
    padding-left: 10px; 
}
.discount .inner a.mention.on {
    background-position:0 -41px;
}

/* Goodies
   ========================================================================== */
.goody {
    width: 276px;
    display: block;
    clear: both;
    position: relative;
    text-align: left;
}
.goody .ribbon { 
	position: absolute; 
	right: 0; 
	top: 0;
}
.goody.deferred{
   max-height: 130px;
   max-width: 276px;
   display: block;
}
.goody.deferred > img {
    max-width: 100%;
    max-height: 100%;
}
.goody.asilage {    
    background: #eee;
    padding: 9px 11px 18px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.goody.asilage .content {
	padding-left: 11px;
	width: 158px;
    font: normal 14px/20px Orangesans75, Arial, sans-serif;
}
.goody.asilage figure {
    text-align: center;
    max-width: 64px;
    max-height: 64px;
}
.goody.asilage figure img {
    width: 100%;
    height: 100%
}
.goody.asilage .content + p {
    font-size: 13px;
    line-height: 15px;
    padding-top: 9px;
}
.goody.asilage .action-button {
    display: none;
}
.goody.asilage figure:hover .action-button {
    display: block;
}
/* ==========================================================================
   Lecteur dailymotion
   ========================================================================== */
.dl-player-container {
    height: 300px; 
    position: relative;
    margin: 0 auto;
    width: 438px;
}

.dl-player-container .pvpContainer .pvpStartControls {
    position: absolute;
    width: 100%
}

.dl-player-container .pvpContainer{ 
    position: initial
}

.dl-player-container iframe,  
.dl-player-container object,  
.dl-player-container embed {
    height: 300px;
    width: 100%;
}

/* Erreur */
.dl-player-container .pvp_error {
    height: 241px !important;
}

.dl-player-container .pvp_error h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
}

/* ==========================================================================
   Alerte vieux navigateur
   ========================================================================== */
#alertBrowser {
    background: #ffd210;
    left: 0;
    padding: 10px 0;
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 9999;
}

#alertBrowser p {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    width: 990px;
}

#alertBrowser p strong {
    font-family: Arial,sans-serif;
}

#alertBrowser a {
    border-bottom: 1px solid #ad9024;
}
#alertBrowser a:hover, 
#alertBrowser a:focus {
    border-bottom: 1px solid #333;
    text-decoration: none;
}

/* ==========================================================================
   Header Polaris
   ========================================================================== */
#o-background,
#o-ribbon,
#o-login,
#o-navigation a,
#o-direct-access a { 
    height: 52px; 
}
/** Menu d�roulant **/
#o-navigation .o-drop-down-panel { 
    top: 52px; 
}
/** Liens **/
#o-navigation a,
#o-direct-access a { 
    line-height: 52px; 
}

/* ==========================================================================
   Header Newshop
   ========================================================================== */
#main-header-newshop {
	background: #fff;
	border-width: 0 0 1px;
}

.header-container a {
	color: #333;
	text-decoration: none;
}

/* Ent�te: logo + formulaire + panier;
   ========================================================================== */
.header-logo {
    font-size: 12px;
    margin-bottom: 15px;

}

.header-logo .headerone {
        margin-bottom: 15px;
        font-family: orangesans45,orangesans65, Arial, sans-serif;
        font-size: 30px;
        line-height: 32px;
        margin-right: 24px;
        margin-left: 23px;
}

.header-logo img {
	vertical-align: middle;
}

.header-logo > *,
.header-logo > ul > li {
	float: left;
}

.header-logo .right-content {
	float: right;
	width: 55%;
}

.ie7 .header-logo .right-content form,
.ie7 .header-logo .right-content a {
	float: left;
}

.header-logo .right-content form,
.header-logo .right-content a {
	display: inline-block;
}

/* Logo */
.header-logo figure {
    margin: 0 1.81%;
}

/* Titre de boutique */
.header-logo figure + a {

}

/* Liens de boutique */
.header-logo .shop-list {
	padding-top: 15px;
}

.header-logo .shop-list li {
	color: #ccc;
	margin: 0 2px;
}

.header-logo .shop-list li a {
	color: #999;
}

.header-logo .shop-list li.active a {
	color: #333;
}

/* Champ de recherche */
.header-logo form {
    margin-right: 3.31%;
}

.header-logo input,
.header-logo button {
	border-width: 0;
	display: inline-block;
	padding: 10px 12px;
}

.header-logo input {
	border-color: transparent;
	background: #eee;
	border-radius: 3px 0;
	width: 272px;
}
.header-logo button {
	background: #666;
	border-radius: 0 3px 3px 0;
}

/* Panier */
.ie7 .header-logo .cart {
	padding-top: 10px;
}

.header-logo .cart {
	color: #444;
    visibility: hidden;
}
.header-logo .cart.visible {
    visibility: visible;
}

.header-logo .cart img {
    margin-right: 2px;
}

#panier-content {
    position: relative;
}

#PanelPanier {
    margin-top: 19px;
}


#PanelMiniPanier {
    position: absolute;
    top: 6px;
    right: 0;
    background-color: #FFF;
    width: 166px;
    height: 50px;
    float: right;
    text-align: center;
}

#PanelPanier {
    font-size: 12px;
    background: url(//static.boutique.orange.fr/medias/newshop/medias/newshop/front/resource/cart.gif) no-repeat 12px 1px;
}

#PanelPanier .cart {
    padding-left: 20px;
}

/* Autocompl�tion
   ========================================================================== */
.AutoCompleteReferenceBox, 
.AutoCompleteContainerBox,
.AutoCompleteCompletionBox,
.AutoCompleteCompletionBox .AutoCompleteBlockLabel,
.AutoCompleteCompletionBox .AutoCompleteSuggestion, 
.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion,
.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion,
.AutoCompleteCompletionBox .AutoCompleteSuggestionContent {
    position: relative;
    z-index: 100;
}

.AutoCompleteCompletionBox {
    background: #fff;
    border: 1px solid #eee;
    border-width: 0 1px 1px;
    font: 15px Arial, sans-serif;
    padding: 5px 0 0;
    width: 270px;
}

.AutoCompleteCompletionBox .AutoCompleteBlockLabel {
    padding: 3px 15px;
}

.AutoCompleteCompletionBox .AutoCompleteSuggestion, 
.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion {
    height: 30px;
    overflow: hidden;
    padding: 0 7px;
    text-align: left;
    white-space: nowrap;
}

.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion {
    background: #999;
    color: #fff !important;
}

.AutoCompleteCompletionBox .AutoCompleteSuggestion .AutoCompleteChevron,
.AutoCompleteCompletionBox .AutoCompleteHighlightedSuggestion .AutoCompleteChevron {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/petale-zoom.png) no-repeat;
    float: right;
    height: 14px;
    margin: 8px 5px 0 0;
    width:14px;
}

.AutoCompleteCompletionBox .AutoCompleteSuggestionContent {
    display: inline-block;
    margin: 5px 0 0 3px;
    padding: 0;
}

/* P�tales */
.PetaleContainer {
    background: #979797;
    border: 2px solid #999999;
    border-radius: 0 3px 3px 0;
    left: 272px;
    margin: 0;
    padding: 0 3px 7px;
    text-align: left;
    top: 34px;
}

.PetaleContainer .PetaleContainerTitle {
    color: #fff;
    font: 17px 700 Arial, sans-serif;
    height: 24px;
    margin: 3px 5px 0;
    min-width: 250px;
    padding: 0;
}

.PetaleContainer .PetaleSubContainer {
    background: #fff;
    border-radius:0 0 3px 3px;
    height: 205px;
    margin: 0 1px 1px;
    padding: 5px 0 0;
    width: 270px;
}

.PetaleContainer .PetaleReferenceContainer {
    height: 110px;
    margin: 0 5px 5px;
    padding: 0;
    width: 260px;
}

.PetaleContainer .PetaleReferenceContainer:hover,
.PetaleContainer .PetaleActionLinkContainer .PetaleActionLink:hover {
    background: #e1e1e1;
    cursor: pointer;
}

.PetaleContainer .PetaleReferenceContainer:hover .PetaleReferenceInfo_1 {
    text-decoration: underline;
}

.PetaleContainer .PetaleSubReferenceContainer{
    height: 110px !important;
}

/* Image p�tale */
.PetaleContainer .PetaleReferenceImageTable {
    background: #fff;
    border: 1px solid #ccc;
    border-collapse: collapse;
    float: left;
    height: 100px;
    margin: 5px 10px 5px 5px;
    padding: 0;
    width: 90px;
}

.PetaleReferenceImageTable .PetaleReferenceImageTd {
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.PetaleReferenceImageTable .PetaleReferenceImageTd .PetaleReferenceImageContainer {
    max-height: 100px;
    max-width: 90px;
    overflow: hidden;
    padding: 0;
}

.PetaleContainer .PetaleReferenceInfoContainer {
    height: 110px;
    margin: 0;
    overflow-y: hidden;
    padding: 0;
}

.PetaleContainer .PetaleReferenceInfoTopContainer {
    height: 85px;
    overflow: hidden;
}

.PetaleContainer .PetaleReferenceInfo_1 {
    color: #527EDC !important;
    font-weight: 400 !important;
}

.PetaleContainer .PetaleReferenceInfo_boutique_mark {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/petale-boutique-mark.png) no-repeat;
    height: 14px;
}

.PetaleReferenceInfo_1, 
.PetaleReferenceInfo_2, 
.PetaleReferenceInfo_3, 
.PetaleReferenceInfo_4, 
.PetaleReferenceInfo_5, 
.PetaleReferenceInfo_6, 
.PetaleReferenceInfo_7{
    color:#000 !important;
    font: 13px 700 Arial, sans-serif;
    margin: 10px 5px 0;
}

.PetaleContainer .PetaleReferenceInfo_2, 
.PetaleContainer .PetaleReferenceInfo_3, 
.PetaleContainer .PetaleReferenceInfo_4 {
    margin: 5px 5px 0;
}

.PetaleContainer .PetaleReferenceUrlDisplay {
    margin: 5px 5px 5px 0;
}

.PetaleContainer .PetaleReferenceUrlDisplay * {
    color: #999 !important;
    font-family: Arial, sans-serif;
}

.PetaleContainer .PetaleReferenceUrlDisplay img {
    margin: 0 10px 0 5px;
}

/* Conteneur lien p�tale */
.PetaleActionLinkContainer {
    height: 90px;
    overflow: hidden;
}

.PetaleActionLinkContainer .PetaleActionLinkSeparator{
    border-top: 1px solid #ccc;
    font-size: 1px;
    height: 5px;
    line-height: 1px;
    margin: 0 10px;
}

.PetaleActionLinkContainer .PetaleActionLink{
    height: 30px;
    margin: 0 5px 5px;
    padding: 2px 0;
    width: 260px;
}

.PetaleActionLinkContainer .PetaleActionLink .boutiqueActionClass {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.PetaleActionLinkContainer .PetaleActionLink .boutiqueActionClass .PetaleActionText {
    color: #527EDC !important;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin-left: 5px;
}

.PetaleActionLinkContainer .PetaleActionLink:hover .PetaleActionText {
    text-decoration: underline;
}

.PetaleActionLinkContainer .PetaleActionLink .PetaleActionUrlDisplay {
    color: #999 !important;
    font-size: 11px;
    margin: 0 10px 0 5px;
}

/* Mega menu
   ========================================================================== */
.header-mega-menu {
	position: relative;
	z-index: 10;
}

/* Onglets */
.header-mega-menu > li {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/separator.gif) no-repeat 0 45%;
	font-size: 12px;
	float: left;
}
.header-mega-menu > li:first-child {
	background-image: none;
	border-width: 0;
}

.header-mega-menu > li > span,
.header-mega-menu > li > span > a {
	display: block;
}

.header-mega-menu > li > span {
	margin: 0 3px;
}
.header-mega-menu > li:first-child > span {
	margin-left: 0;
}
.header-mega-menu > li.active > span {
	font-weight: bold;
}

.header-mega-menu > li > span > a {
	border-bottom: 3px solid transparent;
	font-size: 16px;
	padding: 12px 0;
	text-align: center;
}
.header-mega-menu > li:hover > span > a,
.header-mega-menu > li.active > span > a {
	border-color: #f60;
}

/* Apparence des onglets */
.header-mega-menu .hide-text {
    color: transparent;
}
.ie7 .header-mega-menu .hide-text,
.ie8 .header-mega-menu .hide-text {
    font-size: 0;
}

.header-mega-menu .white-txt-color {
    color: #fff;
}

.header-mega-menu .bold-txt-weight {
    font-weight: bold;
}

/* Lien "nos boutiques" */
#navbar-item-8 > span > a {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/our-shop.png) no-repeat 10px 50%;
    padding-left: 20px;
}

/* Sous-menu */
.header-mega-menu .sub-navigation {
	background: #f6f6f6;
	display: none;
	font-size: 12px;
	left: 0;
	padding: 18px 12px 0;
	position: absolute;
	width: 966px;
	z-index: 11;
}

.header-mega-menu .sub-navigation > ul,
.header-mega-menu .sub-navigation > a {
	float: left;
}

.header-mega-menu .sub-navigation > ul {
	height: 260px;
	padding-left: 15px;
	width: 218px;
}

.header-mega-menu .sub-navigation a {
	line-height: 22px;
}
.header-mega-menu .sub-navigation a:hover {
	text-decoration: underline;
}

.header-mega-menu .sub-navigation .sub-navigation-link-1:before,
.header-mega-menu .sub-navigation .sub-navigation-link-2:before,
.header-mega-menu .sub-navigation-bottom-links li a:before {
	content: '';
	display: inline-block;
	height: 12px;
	vertical-align: middle;
}

/* Colonnes de liens */
.header-mega-menu .sub-navigation > ul > li {
	margin-top: 12px;
}

.header-mega-menu .sub-navigation .sub-navigation-link-1 {
	color: #f60;
	font-weight: bold;
}
.header-mega-menu .sub-navigation a.sub-navigation-link-1:before {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/arrow-full.png) no-repeat;
	margin-right: 5px;
	width: 12px;
}

.header-mega-menu .sub-navigation span.sub-navigation-link-1 {
	margin-left: 15px;
}

/* Sous-liens */
.header-mega-menu .sub-navigation > ul > li > ul > li {
	margin: 0 0 0 17px;
}

.header-mega-menu .sub-navigation .sub-navigation-link-2:before {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 0;
	margin-right: 2px;
	width: 11px;
}

/* Liens en bas du sous-menu */
.header-mega-menu .sub-navigation-bottom-links {
	border-top: 1px solid #ccc;
	clear: both;
	padding: 15px 0 15px 15px;
}

.header-mega-menu .sub-navigation-bottom-links li {
	float: left;
	margin-left: 30px;
}
.header-mega-menu .sub-navigation-bottom-links li:first-child {
	margin-left: 0;
}

.header-mega-menu .sub-navigation-bottom-links li a:before {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 -81px;
	margin-right: 2px;
	width: 11px;
}

/* ==========================================================================
   Footer
   ========================================================================== */
#MutBottom {
    display: none;   
}

/* Services
   ========================================================================== */
.footer-services {
    font-size: 0;
    margin-top: 50px;
    margin-bottom: 65px;
}

.ie7 .footer-services li {
    float: left;
}

.footer-services li {
    background: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    margin-left: 1.81%;
    vertical-align: top;
    width: 23.63%;
}
.footer-services li:first-child {
    margin-left: 0;
}

.footer-services li a,
.footer-services li span,
.footer-services li img {
    display: block;
}

.footer-services li span {
    margin-left: 24px;
    min-height: 36px;
    padding: 18px 0;
}

/* Avantages
   ========================================================================== */
footer .advantages {
    background: #ccc;
    padding: 22px 0;
    font-size: 0;
}

.ie7 footer .advantages li {
    float: left;
}

footer .advantages li {
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    width: 15.20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 0;
    vertical-align: top;
}
footer .advantages li:first-child {
    font-size: 19px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 21.21%;
}
footer .advantages li:first-child + li {
    margin-left: 0;
}
footer .advantages li.long {
    width: 17.98%;
}
footer .advantages li a {
    display: block;
}

footer .advantages li span {
    font-size: 15px;
    line-height: 18px;
    margin-left: 7%;
}

footer .advantages li img,
footer .advantages li span {
    display: inline-block;
}

@media(min-width:768px) and (max-width:1024px){
    footer .advantages ul{
        padding-left:15px;
    }
}

/* Pr�sentation des liens globaux
   ========================================================================== */
footer .footer-links {
    background: #232323;
    font-size: 0;
    padding: 16px 0 16px;
}

.ie7 footer .footer-links .links-col {
    float: left;
    width: 20.5%;
}

footer .footer-links .links-col {
    display: inline-block;
    padding-left: 5%;
    vertical-align: top;
}
footer .footer-links .links-col:first-child {
    padding-left: 0;
}

footer .footer-links .links-col strong {
    color: #ccc;
    font: normal 15px/22px orangesans75,Arial,sans-serif;
    margin-bottom: 20px;
    display: block;
}

footer .footer-links .links-col ul + strong{
    margin-top: 20px;
}

footer .footer-links .links-col strong a {
    color: #ccc;
    font: normal 15px/22px orangesans75,Arial,sans-serif;
}

footer .footer-links .links-col a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 27px;
    text-decoration: none;
}
footer .footer-links .links-col a:hover {
    text-decoration: underline;
}

footer .footer-links .links-col img {
    margin-bottom: 10px;
}

@media(min-width:768px) and (max-width:1024px){
    footer .footer-links .links-col:first-child > div:first-child{
        padding-left:15px;
    }
}

footer .footer-links .editocolonne1 .links-col {
    width: 203px;
    display: inline-block;
    float: left;
}

footer .footer-links .editocolonne2 .links-col {
    display: inline-block;
    float: left;
    width: 197px;
    padding-left: 54px;
}



    /* ==========================================================================
   Menu tv gris
   ========================================================================== */
    .menu-tv.grey {
    background-color: #dfdfdf;
    border-bottom: 6px solid #b2b2b2;
    clear: both;
    height: 48px;
    margin: 0;
}

.menu-tv.grey li {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sep-menu2.png) no-repeat 0 12px;
    float: left;
    font-size: 0;
}
.menu-tv.grey li:first-child,
.menu-tv.grey li.active + li,
.menu-tv.grey li:hover + li {
    background-image: none;
}
.menu-tv.grey li.active,
.menu-tv.grey li:hover {
    background: #b2b2b2;
    cursor: pointer;
}

.menu-tv.grey li a {
    color: #666;
    display: inline-block;
    font: normal 14px/48px OrangeSans65, arial,sans-serif;
    padding: 0 16px;
    text-decoration: none;
}
.menu-tv.grey li.active a,
.menu-tv.grey li:hover a {    
    color: #000;
}

/* ==========================================================================
   Fils d'ariane
   ========================================================================== */

/* Fil ariane classique
   ========================================================================== */
#Header_arianne_panier { 
    clear: both;
    margin: 0 auto 5px; 
    overflow: visible; 
    position: relative; 
    width: 957px;
}
#breadcrumb_wrapper { 
    float: left; 
    margin: 0; 
    padding-top: 26px; 
    width: 710px; 
}
#breadcrumb_wrapper #breadcrumb { 
    color: #666; 
    font-size: 11px; 
    padding-left: 9px; 
}
#breadcrumb_wrapper #breadcrumb span > a { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron-grey.png) no-repeat 100% 2px; 
    margin-right: 8px; 
    padding-right: 20px; 
    color: #666;
    font-size: 12px;
}

#breadcrumb_wrapper #breadcrumb span strong {
    font-size: 12px;
    font-weight: normal;
}
/* Fil ariane dynamique (CMS)
   ========================================================================== */
#dynamic-breadcrumb {
  color: #333;
  font-size: 11px;
  padding-left: 20px;
  margin: 0; 
  padding-top: 26px; 
  width: 710px; 
}

#dynamic-breadcrumb a,
#dynamic-breadcrumb span.avecChevron { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron-grey.png) no-repeat 100% 2px; 
    margin-right: 8px; 
    padding-right: 20px; 
}
#dynamic-breadcrumb .last {
    background: none;
    color: #666;
}

/* ==========================================================================
   E-chat
   ========================================================================== */
#PNL_Help { 
    float: right; 
    position: relative; 
    top: 0; 
    width: 207px; 
    height: 40px; 
    line-height: 37px; 
    padding: 4px 3px 2px 0px; 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-help.png) no-repeat 32px 2px; 
}

#PNL_Help .helpLinkTitle { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat right -41px transparent; 
    font-size: 12px; 
    font-weight: bold; 
    margin-left: 32px; 
    padding: 0 15px 0 45px; 
    text-decoration: none; 
}
#PNL_Help.active .helpLinkTitle { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat right -61px transparent;
}

#PNL_Help .panelHelpButtons { 
    border:1px solid #DADADA; 
    border-radius: 3px;
    display: none; 
    left: 0; 
    position: absolute; 
    top: 0; 
    width: 230px; 
}
#PNL_Help.active .panelHelpButtons { 
    display: block; 
    z-index: 60; 
}

#PNL_Help .panelHelpButtons a.fake-link { 
    cursor: pointer; 
    display: block; 
    height: 43px; 
    width: 100%; 
}

#PNL_Help .panelHelpButtons .panelHelpButtonsWrapper { 
    background: #FFF url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/sep-help-link.png) no-repeat 50% 40px; 
    padding: 0 16px; 
}

#PNL_Help .panelHelpButtons .panelHelpButtonsWrapper a.helpLink { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat right 5px transparent; 
    display: inline-block; 
    height: 20px; 
    line-height: 20px; 
    padding-right: 16px;
}

/* ==========================================================================
   Barre shop to web
   ========================================================================== */
#Barre-shop-to-web { 
    background: #333; 
    color: #FFF; 
    margin: 10px auto; 
    overflow: hidden; 
    width: 950px; 
}

#Barre-shop-to-web #identification { 
    float: left; 
    position: relative; 
}

#Barre-shop-to-web #identification ul { 
    overflow: hidden;
}

#Barre-shop-to-web #identification ul li { 
    float: left; 
    padding: 10px; 
}

#Barre-shop-to-web #identification ul li span { 
    color: #f16e00;
}

#Barre-shop-to-web #connexion { 
    float: right;
}

#Barre-shop-to-web #connexion a { 
    border-left: 1px solid #FFF; 
    color: #FFF; 
    cursor: pointer; 
    float: right; 
    font-weight: bold; 
    padding: 10px; 
}
#Barre-shop-to-web #connexion a:hover { 
    text-decoration: none;
}

/* ==========================================================================
   Barre d'intention
   ========================================================================== */
#UPD_INTENTION,
#UPD_INTENTIONOPEN { 
    clear: both; 
    margin: 0px auto 18px; 
    width: 990px; 
}

#barre-intention {
    padding-top: 19px;
}

#barre-intention.parcours-open,
#barre-intention.parcours-open-ko {
    padding-bottom: 10px;
    padding-top: 15px;
}

#barre-intention #contenu-barre-intention { 
    border: 1px solid #d4d4d4; 
    color: #000; 
    padding: 13px 23px 14px; 
    font-size: 13px;
    line-height: 17px; 
    background: #fff;
}

#barre-intention.parcours-open #contenu-barre-intention,
#barre-intention.parcours-open-ko .ligne-compte {
    border: 1px solid #000000;
    padding: 5px 21px 15px;
}

#barre-intention.parcours-open-ko .ligne-compte {
    margin-bottom: 20px;
    padding-top: 16px;
    margin-top: 4px;
}

#barre-intention #contenu-barre-intention .info-client,
#barre-intention #contenu-barre-intention .message span {
    float: left;
}

#barre-intention #contenu-barre-intention .message span{
    margin-right: 9px;
}

#barre-intention #contenu-barre-intention .changer-utilisateur { 
    float: left; 
    margin: 0 0 0 8px; 
    padding: 0 0 0 20px; 
}

#barre-intention #contenu-barre-intention .deconnexion { 
    float: right; 
    padding: 0 0 0 20px; 
}

#barre-intention.parcours-open #contenu-barre-intention .deconnexion {
    font: normal 14px/18px HelvNeueOrange,Helvetica,Arial,sans-serif;
    margin-top: 4px;
}

#barre-intention #contenu-barre-intention .message {
    color: #000;
    float: left;
    font-family: orangesans55, Arial, sans-serif;
    font-size: 14px;
    padding-top: 4px;
}

#barre-intention.parcours-open #contenu-barre-intention .message {
    color: #000;
    font: normal 14px/18px HelvNeueOrange,Helvetica,Arial,sans-serif;
}

#barre-intention #contenu-barre-intention .annuler-choix { 
    float: left; 
    line-height: 18px; 
    margin: 0 0 0 8px; 
    padding: 4px 0 0 20px; 
}

#barre-intention #contenu-barre-intention .ligne-compte { 
    overflow: hidden;
}

#barre-intention #contenu-barre-intention .ligne-intention { 
    clear: both; 
    line-height: 18px; 
    padding-top: 6px; 
}

#barre-intention #contenu-barre-intention .changer-utilisateur a,
#barre-intention #contenu-barre-intention .deconnexion a,
#barre-intention #contenu-barre-intention .annuler-choix a { 
    color: #000;
    font: normal 14px/18px 'orangesans75', Arial, sans-serif;
}

#barre-intention.parcours-open-ko #contenu-barre-intention{
    border: 0;
    padding: 0;
}

#barre-intention.parcours-open-ko #contenu-barre-intention .ligne-intention.bg-warning {
    background: #FFCC00 url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/20x20-picto-warning-black.png) no-repeat 10px 10px;
    box-sizing: border-box;
    min-height: 40px;
    padding: 6px 24px 8px 39px;
}

#barre-intention.parcours-open-ko #contenu-barre-intention .ligne-intention.bg-warning .message {
    color: #000;
    font: normal 14px/18px 'helvetica75', Arial, sans-serif;
}

#bandeauhdm {
    border: 1px solid #d4d4d4;
    color: #000;
    padding: 13px 23px;
    font-size: 13px;
    font-family: orangesans55, Arial, sans-serif;
    line-height: 17px;
    background: #fff;
    clear: both;
    margin: 0px auto 18px;
    width: 943px;
}

    #bandeauhdm .cancelchoice {
        color: #000;
        font: normal 14px/18px 'orangesans75', Arial, sans-serif;
        line-height: 18px;
        float:right;
    }

/* Drop down list skin
   ========================================================================== */
#barre-intention .ddl { 
        -webkit-appearance: none; 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/arrow-bottom.png) no-repeat 92.5% center; 
    border: 2px solid #CCC; 
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 30px; 
    line-height: 30px;
    margin-left: 8px;
    overflow: hidden; 
    position: relative;
    top: -6px;
    width: 160px;
}
.ie7 #barre-intention .ddl { 
    background: none; 
    border-width: 0; 
}

#barre-intention .ddl select { 
    background: none; 
    border-width: 0; 
    color: #333;
    cursor: pointer; 
    font: bold 13px/1 orangesans75, Arial, sans-serif;
    height: 100%; 
    padding-left: 20px;
    position: relative;
    top: -3px;
    width: 111%; 
    z-index: 0;
}
.ie8 #barre-intention .ddl select { 
    height: 85%; 
}
.ie7 #barre-intention .ddl select { 
    background-color: #fff; 
    border: 1px solid #ccc; 
    padding: 0.3em 0.5em; 
    width: 100%; 
}

#barre-intention .ddl select > option{
    padding-left: 20px;
}

/* PREPAID
   ========================================================================== */
#UPD_INTENTION .messageAvertissement,
#UPD_INTENTION .messageInfo { 
    border: 1px solid #d4d4d4;
    font-family: orangesans55, Arial, sans-serif;
    font-size: 14px; 
    line-height: 20px;
    position: relative; 
    padding: 18px 336px 14px 80px;
    color: #000;
    margin-top: 10px;
}
#UPD_INTENTION .messageInfo {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/40x40-info-blue.png) no-repeat 20px 20px #fff;
}
#UPD_INTENTION .messageAvertissement {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/40x40-info-yellow.png) no-repeat 20px 20px #fff;
}
#UPD_INTENTION .contenu-bloc-intention .sub-title { 
    font-family: orangesans75, Arial, sans-serif;
    font-size: 16px;
}
#UPD_INTENTION .contenu-bloc-intention .close-bloc-intention { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/12x13-cross-black.png) no-repeat 0 0; 
    cursor: pointer; 
    height: 13px; 
    position: absolute; 
    right: 20px; 
    top: 20px; 
    width: 12px; 
}
#UPD_INTENTION .contenu-bloc-intention .close-bloc-intention:hover { 
    text-decoration: none;
}
#UPD_INTENTION .lien-offre { 
    padding: 0 15px 0 0;
    font-family: orangesans75, Arial, sans-serif;
    text-decoration: none;
    color: #000;
}
#UPD_INTENTION .lien-offre:after {
    padding: 0 10px;
    font-family: "boosted";
    font-size: 10px;
    color: #000;
    content: "\e902";
}
#UPD_INTENTION .lien-offre:hover,
#UPD_INTENTION .lien-offre:hover:after, 
#UPD_INTENTION .lien-offre:focus:after {
    color: #f16e00;
    text-decoration: none;
}



/* Barre intention FMO
   ========================================================================== */
#UPD_INTENTION .messageInfoFmo {
    border-radius: 5px;
    background-color: #527EDB;
    margin: 18px 0 0 0;
    position: relative;
    font-size: 16px;
}

#UPD_INTENTION .contenu-bloc-intention .intention-fmo {
    width:732px;
    margin:14px 0 8px;
}

#UPD_INTENTION .contenu-bloc-intention .intention-fmo .sub-title {
    color: #fff;
    font-size: 22px;
    font-family: Arial, sans-serif;
}

#UPD_INTENTION .contenu-bloc-intention .intention-fmo p {
    color: #fff;
    font-size: 16px; 
    line-height: 18px;
    font-family: Arial, sans-serif;
}

#UPD_INTENTION .intention-fmo .lien-offre {
    margin: 12px 0 0 0;
}

#UPD_INTENTION .intention-fmo .lien-offre-Btn {
    margin: 24px 0 0 0;
    display: block;
    cursor: pointer;
    box-shadow: #4469B6 0px 1px 8px; 
    border-radius: 5px; 
    font-size: 14px; 
    background: #fff; 
    width: 380px; 
    text-align: center; 
    display: block; 
    padding: 9px 0; 
    line-height: 18px;
    font-weight:bold;
}

/* Partie basse de la barre d'intention
   ========================================================================== */
#barre-intention #infos-intention { 
    border-top: 1px solid #CCC; 
    clear: both; 
    margin: 13px 0 4px 0; 
    overflow: hidden; 
}

#barre-intention .bloc-infos-mobile { 
    float: left;
}

#barre-intention .titre-bloc { 
    font-weight: bold; 
    line-height: 18px; 
    margin: 4px 0; 
}

#barre-intention #mobile-actuel { 
    line-height: 27px; 
    margin-right: 24px; 
    padding-top: 9px; 
    width: 270px; 
}

#barre-intention #mobile-actuel .img-mobile { 
    float: left; 
    margin-right: 10px; 
}

#barre-intention #changement-mobile { 
    width: 648px;
}

#barre-intention #changement-mobile .message-changement { 
    float: left; 
    line-height: 18px; 
    margin-right: 24px; 
    padding-top: 13px; 
    width: 312px; 
}
#barre-intention #changement-mobile .message-changement.sans-duree { 
    width: auto;
}

#barre-intention #changement-mobile .message-changement .texte-message { 
    line-height: 18px; 
    margin-top: 9px; 
}
#barre-intention #changement-mobile .duree { 
    float: right; 
    width: 312px; 
    padding-top: 8px; 
}

#barre-intention #changement-mobile .bloc-duree { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bkg-bloc-duree.png) no-repeat 0 0; 
    color: #FFF; 
    float: left; 
    font-size: 28px; 
    font-weight: bold; 
    line-height: 36px; 
    margin-top: 9px; 
    overflow: hidden; 
    width: 144px; 
}

#barre-intention #changement-mobile .bloc-duree .number { 
    display: block; 
    float: left; 
    letter-spacing: 21px; 
    padding: 0 0 0 10px; 
    width: 73px; 
}
#barre-intention #changement-mobile .bloc-duree .day { 
    display: inline-block; 
    float: left; 
    font-size: 15px; 
    margin-left: 5px; 
} 
#barre-intention #changement-mobile .alerter { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/picto-alerter.png) no-repeat 0 0; 
    float: left; 
    margin: 24px 0 0 30px; 
    padding-left: 22px; 
}
#barre-intention #changement-mobile .alerter span { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron-barre.png) no-repeat right; 
    padding-right: 15px; 
}

/* Barre intention Perform
   ========================================================================== */
#barre-intention #contenu-barre-intention #infos-retention{
    border-top:1px solid #CCC;
    margin-top:14px;
    padding:13px 0 7px;
    line-height:18px;
}

#barre-intention #contenu-barre-intention #infos-retention h3{
    font-family:Arial;
    font-weight:bold;
    margin-bottom:8px;
}

#barre-intention #contenu-barre-intention #infos-retention .infos-edp{
    width:648px;
    float:left;
    margin-right:24px;
}

#barre-intention #contenu-barre-intention #infos-retention .lien-edp{
    float:left;
    width:260px;
}

#barre-intention #contenu-barre-intention #infos-retention .lien-edp a{
    font-size:13px;
    line-height:18px;
}

/* ==========================================================================
   Staging
   ========================================================================== */
.evt-staging {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 230px; 
    height: 150px;
    padding: 0 10px; 
    z-index: 9999; 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/fond-alerte-staging.png) no-repeat left top transparent; 
    font-family: orangesans45, sans-serif; 
    font-size: 14px; 
    color: #fff 
}
    
.evt-staging .strong, .evt-staging .date {
    width: 60%;
    font-size: 18px; 
}

.evt-staging .strong {
    padding: 0.8em 0 0 
}

/* ==========================================================================
   Dialog
   ========================================================================== */
.common-dialog.no-dialog-title .ui-dialog-titlebar
{
    display: none;
}

/* ==========================================================================
   Slider
   ========================================================================== */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    margin-top: 15px;
    text-align: center;
}

.slick-dots li
{
    display: inline-block;
    margin: 0 .25%;
}

.slick-dots li button
{
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/pagenum.png) no-repeat 0 0;
    border-width: 0;
    cursor: pointer;
    height: 16px;
    text-align: center;
    padding: 5px;
    color: #555;
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-indent: -9999px;
    width: 16px;
}
.slick-dots li.slick-active button 
{
    background-position: 0 -26px;
}

/* ==========================================================================
   Mini-comparateur
   ========================================================================== */

/* Popin d'erreur
   ========================================================================== */

.popin-comparison 
{ 
    background: #fff;
    border: 1px solid #333;
    border-radius: 5px;
    display: none;
    padding: 15px 20px;
}

.popin-comparison p 
{ 
    font-size: 15px; 
    margin: 15px 0 20px; 
    text-align: center; 
}

.popin-comparison footer 
{
    margin: 0 auto; 
    width: 150px; 
}

/* Mise en forme du mini-comparateur
   ========================================================================== */
#PanelComparateur { 
    position: relative; 
    width: 214px; 
    z-index: 2; 
}

#PanelComparateur #header-comparison { 
    border: 1px solid #d3d3d3; 
    border-radius: 3px; 
    color: #333; 
    font-size: 13px; 
    line-height: 26px; 
    text-align: center; 
    width: 213px; 
}

#PanelComparateur #header-comparison a.arrow { 
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 50% -34px; 
    border-left: 1px solid #d3d3d3; 
    display: block; 
    float: right; 
    height: 26px; 
    text-decoration: none; 
    width: 30px; 
}
#PanelComparateur #header-comparison a.on { 
    background-position: 50% -55px; 
    z-index: 10; 
}

#PanelComparateur #comparison-block { 
    background: #FFF url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/bg-mini-comparateur.jpg) repeat-x bottom; 
    border: 1px solid #d3d3d3; 
    box-shadow: #d3d3d3 2px 2px 10px; 
    display: none; 
    padding: 17px 0 26px; 
    position: absolute; 
    right: 0; 
    top: 27px; 
    width: 280px; 
}
#PanelComparateur #comparison-block.on { 
    display: block; 
}

#PanelComparateur #comparison-block .product { 
    border-left: 1px dotted #CCC; 
    float: left; 
    height: 75px; 
    margin-bottom: 5px; 
    text-align: center; 
    width: 69px; 
}

#PanelComparateur #comparison-block div:first-child { 
    border-width: 0;
}
#PanelComparateur #comparison-block .product.empty-product { 
    margin-bottom: 20px;    
}

#PanelComparateur #comparison-block .product.empty-product img { 
    height: 75px; 
    width: 35px; 
}

#PanelComparateur #comparison-block .product .product-description a { 
    display: block;
}

#PanelComparateur #comparison { 
    text-align: center;
}

#PanelComparateur .btn-delete-article { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/cross-delete.png) no-repeat 0 0; 
    display: block; 
    height: 15px; 
    margin: 0 auto; 
    overflow: hidden; 
    position: relative; 
    text-align: center; 
    width: 15px; 
    text-indent: -9999px; 
}

#PanelComparateur .product-image { 
    margin: 0 auto; 
    max-height: 70px; 
    max-width: 70px; 
    position: relative; 
}

#PanelComparateur .compare-action { 
    clear: both; 
    padding-top: 20px; 
    text-align: center; 
}

#PanelComparateur .compare-action .btn { 
    background: #FFF url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/btn-minicomparateur.png) no-repeat scroll 0 0; 
    border-width: 0; 
    cursor: pointer; 
    display: block; 
    font-weight: bold; 
    height: 13px; 
    margin: 0 auto; 
    padding: 10px 0; 
    width: 168px; 
}

#PanelComparateur #comparison-block > p { 
    text-align: center;
}

#PanelComparateur #comparison-block .error { 
    color: #f00; 
    display: none; 
}

/* ==========================================================================
   Mentions l�gales
   ========================================================================== */

/* Mention l�gale + mention l�gale cliquable
   ========================================================================== */
.MutSup { 
    bottom: 3px; 
    font-size: 9px; 
    position: relative; 
}

.MutSupLink { 
    color: #333; 
    text-decoration: none; 
}

/* Bloc de mentions l�gales
   ========================================================================== */
.legal-notices-wrapper {
    clear: both;
    font-size: 13px;
    overflow: hidden;
}
.legal-notices-wrapper .legal-notices-location .title-mentions {
    font-size: 11px;
    font-weight: bold;
}
.legal-notices-wrapper .legal-notices-location .title-mentions + .legal-notices {
    display: block;
    border: none;
    padding-left: 0;
}
.legal-notices-wrapper .see-mentions,
.legal-notices-wrapper .see-mentions + ul,
.legal-notices-wrapper .see-mentions + ul li {
    display: inline-block;
}

.ie7 .legal-notices-wrapper .see-mentions {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 -121px;
    padding-left: 23px;
}
.ie7 .legal-notices-wrapper .see-mentions.on {
    background-position: 0 -79px;
}

.legal-notices-wrapper .see-mentions {
    font-weight: normal;
    margin-bottom: 10px;
}
.legal-notices-wrapper .see-mentions:after {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat 0 -123px;
    content: " ";
    display: inline-block;
    height: 11px;
    margin-left: 5px;
    width: 18px;
}
.legal-notices-wrapper .see-mentions.on:after {
    background-position: 0 -144px;
}

.legal-notices-wrapper .see-mentions + ul li {
    margin-left: 4px;
}
.legal-notices-wrapper .see-mentions + ul li:first-child {
    margin-left: 0;
}

.legal-notices-wrapper .legal-notices-location .legal-notices {
    display: none;
}

.legal-notices-wrapper .legal-notices {
    border: 1px solid #ccc;
    font-size: 11px;
    line-height: 13px;
    margin: 0 auto 10px;
    padding: 10px;
}
.legal-notices-wrapper .legal-notices.on {
    display: block;
}

.legal-notices-wrapper .legal-notices ul li {
    margin-top: 5px;
}
.legal-notices-wrapper .legal-notices ul li:first-child {
    margin-top: 0;
}

.legal-notices-wrapper .legal-notices ul li .mention.highlight {
    background: #f7ff3c;
}

.ie7 .legal-notices-wrapper .top-page {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/arrow-circle.png) no-repeat 0 2px;
    padding-left: 20px;
}

.legal-notices-wrapper .top-page {
    color: #333;
    float: right;
    font-size: 13px;
    margin-bottom: 10px;
    padding-left: 20px;
}
.legal-notices-wrapper .top-page:before {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/arrow-circle.png) no-repeat 0 0;
    content: " ";
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    width: 15px;
}

/*** HP BOI PUSH ADVISE ***/

.push-degrade{
    padding-bottom: 81px;
    position: relative;
}

.push-degrade .spinner-degrade { 
    background: #FFF url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/newshop-spinner.gif) no-repeat center center;
    height: 216px; 
    left: 50%; 
    margin-left: -495px;
    position: absolute; 
    top: 0; 
    width: 990px; 
    z-index: 1;
}

.push-degrade #Zone_CMS_1050{
    display: none;
}

/* ANIMATION
   ========================================================================== */

.anim{
    background: rgba(0, 0, 0, .5);  
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -632px; 
    left: 50%;
    position: fixed; 
    width: 1264px;
    z-index: 999; 
}

.ie7 .anim{
    width: 700px;
}

.ie8 .anim .bkg-ie,
.ie7 .anim .bkg-ie{
    background: #000; 
    position:absolute; 
    z-index:-1; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0;
    filter: alpha(opacity:50);
}

.anim .close-anim{
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/close-anim.png) no-repeat;
    height: 17px;
    position: absolute;
    right: 17px;
    top: 17px;
    width: 17px;
    z-index: 999;
}

.anim .close-anim:hover{
    cursor: pointer;
}

.anim #DIV_Anim{
    min-width: 700px;
    text-align: center;
    position: relative;
}

.anim #DIV_Anim img {
    -webkit-box-shadow: 10px 10px 20px 10px rgba(0,0,0,0.6);
    box-shadow: 10px 10px 20px 10px rgba(0,0,0,0.6);
}

.anim #DIV_Anim .dl-player{
    -webkit-box-shadow: 15px 15px 172px 7px rgba(255,255,255,0.23);
    box-shadow: 15px 15px 172px 7px rgba(255,255,255,0.23);
    margin: auto;
    max-width: 680px;
    max-height: 328px;
}

/* Floatbox (bloc bas de page - 1264x90) */
.anim.floatbox{    
    bottom: 0px;
    padding: 0 282px;
}

.anim.floatbox.js-bottom{
    bottom: 60px;
}

.anim.floatbox #DIV_Anim{
    height: 90px;
}

/* Interstitielle ( milieu de page - 800x600) */

.anim.interstitielle {
    padding: 60px 282px 363px;
    top: 60px;
}

.anim.interstitielle.js-bottom{
    bottom: 150px;
    top: inherit;
}

.anim.interstitielle #DIV_Anim .dl-player-container {
    background: #000;
    height: 328px;
    padding: 98px 10px;
    width: 700px;
}

/* Banniere large  */
.banner-center {
    text-align: center
}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {
    /*div#main, .conteneur-center {
        width: 100%;
    }*/
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
	.anim.interstitielle{
        bottom: 0; 
    }
}
/* PROMOTIONS + ODR
   ========================================================================== */
.bloc-promo-new,
.bloc-odr-new {
    background: #eee;
    font-size: 13px;
    padding: 7px 12px 9px;
    margin-bottom: 10px;
    line-height: 15px;
    clear: both;
}
.bloc-odr-new .caret ,
.bloc-promo-new .caret {
    border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 7px;
    margin-bottom: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
}
.bloc-odr-new .on .caret,
.bloc-promo-new .on .caret {
    border-top: 0;
    border-bottom: 6px dashed;
    border-bottom: 6px solid \9;
}
.bloc-promo-new .vf,
.bloc-promo-new .stock,
.bloc-promo-new .libelle {
    margin-bottom: 4px;
    font-size: 14px;
}
.bloc-promo-new .promo-web strong {
    margin-bottom: 4px;
    font-size: 14px;
    display:inline-block;
}
.bloc-odr-new .mention,
.bloc-promo-new .mention {
    padding-top: 3px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
}
.bloc-odr-new .mention + p,
.bloc-promo-new .mention + p {
    padding-top: 1px;
    display: none;
}
.bloc-odr-new p .MutLinkBlackChevron,
.bloc-promo-new p .MutLinkBlackChevron {
   font-size: 13px;  
   padding-top: 4px;
   display: inline-block;   
   background-position: 100% -157px;
}
.bloc-odr-new p .MutLinkBlackChevron:hover,
.bloc-promo-new p .MutLinkBlackChevron:hover {
   text-decoration: none;    
   color: #f16e00;
   background-position: 100% 7px;
}

/*odr*/
.bloc-odr-new .libelle {
    background: url(//static.boutique.orange.fr/medias/newshop/styles/skin-common_mobile/29x29-odr.png) no-repeat 0 3px;
    font-size: 14px;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px;
}
.bloc-odr-new .libelle strong {
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
}


    .bloc-odr-new span.odrcoupon {
        font-size: 13px;
        color: #000;
        margin-top: 10px;
        display: inline-block;
        width: 155px;
    }

    .bloc-odr-new span.odrcoupon a {
        text-decoration: none;
        font-weight: bold;
        background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% -161px;
        padding-right:15px;
    }
        .bloc-odr-new span.odrcoupon a:hover {
            text-decoration: none;
            color: #f16e00;
            background-position: 100% 3px;
        }


/*END:https://static.boutique.orange.fr/medias/newshop/front/user-interface/css/common.css*/


/*BEGIN:https://static.boutique.orange.fr/medias/refonte-2015/css/common.css*/
/* Besoin d'aide */
#PNL_Help,
#PNL_Help .panelHelpButtons .panelHelpButtonsWrapper{
    background-color: #EEE;
}

/* Fil d'ariane */
.refonte-2015 #helpers #MutBreadCrumb {
    padding-left: 0;
}

.refonte-2015 #helpers #MutBreadCrumb li::after {
    content: "";
    top: 0;
}
.refonte-2015 #helpers #MutBreadCrumb li {
    margin-right: 0;
    background-position: 0 9px;
}
.refonte-2015 #helpers #MutBreadCrumb a {
    color: #666;
    font-size: 12px;
    padding-right: 0;
}

/* Mentions l�gales */
.legal-notices-wrapper .wrapper-mentions .legal-notices,
.refonte-2015 #div_MentionsChapeauGlobales, 
.refonte-2015 #ctl00_MentionsLegales_MentionsLegalesGlobales {
    border: none;
    color: #000;
    margin: 0 auto;
    padding: 0;
    width: 990px;
}
.legal-notices-wrapper .wrapper-mentions .legal-notices {
    padding: 0;
    margin-top: 43px;
    margin-bottom: 36px;
}
.refonte-2015 .MutToggleCollapse, 
.refonte-2015 .MutToggleShrink {
    font-size: 12px;
}
.refonte-2015 #ctl00_MentionsLegales_MentionsLegalesGlobales.MutToggleContainer {
    margin-top: 16px;
}
.refonte-2015 #div_MentionsChapeauGlobales {
    margin-top: 34px;
}
.refonte-2015 .MutToggleShrink {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat scroll 0 -123px transparent;
    padding: 0 0 2px 15px;
}
.refonte-2015 .MutToggleCollapse {
    background: url(//static.boutique.orange.fr/medias/newshop/front/user-interface/css/skin-common/chevron.png) no-repeat scroll 0 -143px transparent;
    padding: 0 0 2px 15px;
}

.refonte-2015 ul.MutToggleContent,
.legal-notices-wrapper .wrapper-mentions .legal-notices #MutToggleContentMLGlobal{
    border: 1px solid #ccc;
    color: #181818;
    padding: 10px;
}

/* Positionnement
   ========================================================================== */
.ie7 .clearfloat {
	zoom: 1;
}

.clearfloat:before,
.clearfloat:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfloat:after {
    clear: both;
}

.clearfix {
    overflow: hidden;
}

.ie7 .inl-block {
    float: left;
}

.inl-block {
    display: inline-block;
    vertical-align: top;
}

.block {
    display: block;
}

/* Bloc avantages */

footer .advantages li:first-child {
    background: transparent url(//static.boutique.orange.fr/medias/refonte-2015/css/skin-commun/separator-advantage.gif) no-repeat 100% 50%; 
    margin-right: 1.5%;
    padding-right: 2.4%;
    width: auto;
}
/*END:https://static.boutique.orange.fr/medias/refonte-2015/css/common.css*/


/*BEGIN:https://static.boutique.orange.fr/medias/refonte-2015/css/styles-mut.css*/
body {
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #eee;
}
body a {
    color: #333;
    text-decoration: none;
}

.clearfix:after {
    content: "\0020";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow: hidden;
}
.display-none {
    display: none;
}
.hidden {
    visibility: hidden;
}

/* polices */
.OrangesansLight { font-family: Orangesans45,Arial,sans-serif; }
.OrangesansRoman { font-family: Orangesans55,Arial,sans-serif; }
.OrangesansMedium { font-family: Orangesans65,Arial,sans-serif; }
.OrangesansBold { font-family: Orangesans75, Arial, sans-serif; }

/* Couleurs de polices */
.MutColorWhite {
    color: #fff;
}

.MutColorOrange{
    color: #ff7900
}

/* Line-height */
.line-height18 { line-height: 18px; }
.line-height27 { line-height: 27px; }
.line-height36 { line-height: 36px; }
.line-height45 { line-height: 45px; }

/* Typographie */
.font-size10 { font-size: 10px }
.font-size11 { font-size: 11px }
.font-size12 { font-size: 12px }
.font-size13 { font-size: 13px }
.font-size14 { font-size: 14px }
.font-size15 { font-size: 15px }
.font-size16 { font-size: 16px }
.font-size17 { font-size: 17px }
.font-size18 { font-size: 18px }
.font-size19 { font-size: 19px }
.font-size20 { font-size: 20px }
.font-size21 { font-size: 21px }
.font-size22 { font-size: 22px }
.font-size23 { font-size: 23px }
.font-size24 { font-size: 24px }
.font-size25 { font-size: 25px }
.font-size26 { font-size: 26px }
.font-size27 { font-size: 27px }
.font-size28 { font-size: 28px }
.font-size29 { font-size: 29px }
.font-size30 { font-size: 30px }
.font-size32 { font-size: 32px }
.font-size33 { font-size: 33px }
.font-size34 { font-size: 34px }
.font-size35 { font-size: 35px }
.font-size37 { font-size: 37px }
.font-size40 { font-size: 40px }
.font-size45 { font-size: 45px }

/* Autres */
.underline{text-decoration: underline;}

/* Boutons */
.button-common-1 {
    border: 2px solid #000;
    color: #000; 
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}
.pointer:hover .button-common-1,
.button-common-1:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}
.pointer:active .button-common-1,
.button-common-1:active {
    background: #f16e00;
    border-color: #f16e00;
    color: #fff;
}
.button-common-2 {
    border: 2px solid #fff;
    color: #fff; 
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}
.pointer:hover .button-common-2,
.button-common-2:hover {
    background: #000;
    border: 2px solid #000;
    color: #fff;
    text-decoration: none;
}
.pointer:active .button-common-2,
.button-common-2:active {
    background: #f16e00;
    border-color: #f16e00;
    color: #fff;
}
.button-common-orange {
    color: #fff; 
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    background: #f16e00;
}
.pointer:hover .button-common-orange,
.button-common-orange:hover {
    background: #f16e00;
    color: #fff;
    text-decoration: none;
}
.pointer:active .button-common-orange,
.button-common-orange:active {
    background: #f16e00;
    color: #fff;
}
/*Liens*/
.MutLinkLine {
 text-decoration: underline;
}
.pointer:hover .MutLinkLine,
.MutLinkLine:hover {
 text-decoration: none;
}
.MutLinkBlack{
 color: #000;
 font: normal 14px/18px 'Orangesans75', Arial,sans-serif;
}
.pointer:hover .MutLinkBlack,
.MutLinkBlack:hover {
 color: #f16e00;
 text-decoration: underline;
}

.MutLinkChevronLeft{
    background-image: url(//static.boutique.orange.fr/medias/refonte-2015/css/skin-commun/chevron.png);
    background-position: 4px 7px;
    background-repeat: no-repeat;
    padding-left: 14px;
    position: relative;
}

.MutLinkChevronright{
    background-image: url(//static.boutique.orange.fr/medias/refonte-2015/css/skin-commun/chevron.png);
    background-position: right 7px;
    background-repeat: no-repeat;
    padding-right: 14px;
    position: relative;
}
/* Lien noir avec chevron / chevron devient orange en hover */
.MutLinkBlackChevron{
  background: url(//static.boutique.orange.fr/medias/refonte-2015/css/skin-commun/chevron.png) no-repeat 100% -158px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  padding-right: 18px;
}

.MutLinkBlackChevron:hover,
.MutLinkBlackChevron.pointerHover
.pointer:hover .MutLinkBlackChevron{
  color: #f16e00;
  background-position: 100% 6px;
  text-decoration: underline;
}
.FisLink {
    font: normal 16px/36px  Orangesans75, Arial, sans-serif;
    padding: 0 0 0 42px;
    text-decoration: underline;
    background: url(//static.boutique.orange.fr/medias/refonte-2015/css/skin-commun/picto-pdf.png) no-repeat 0 0;
    display: inline-block;
    color: #000;
}
.FisLink:hover {
    text-decoration: none;
}
/* Bkg blanc */
.bkg-fff {
    background: #fff;
}
/*zigzag*/
.blocs-zigzag {
    background-color: #fff;
    overflow: hidden;
    padding-top: 0;
}
.blocs-zigzag .zigzag div {
    float: none;
}
.blocs-zigzag h2 {
    margin-bottom: 51px;
    padding: 22px 0 0 42px;
}
.zigzag{
	color: #000;
}

.zigzag.first{
	padding-top: 54px;
}

.zigzag.last{
	margin-bottom: 27px;
}

.zigzag .title{
	font-size: 30px;
	height: 99px;
	line-height: 31px;
	margin-bottom: 12px;
}

.zigzag .bloc{
	display: table;
	font-size: 0;
}

.ie7 .zigzag{
	display: block;
}

.zigzag .bloc figure,
.zigzag .bloc .content{
	display: table-cell;
	vertical-align: top;
}

.ie7 .zigzag .bloc figure,
.ie7 .zigzag .bloc .content{
	display: block;
	float: left;
}

.zigzag .bloc figure{
	width: 486px;
}

.zigzag .bloc .content + figure{
	padding-left: 18px;
}

.zigzag .bloc figure + .content{
	padding-left: 60px;
}

.zigzag .bloc .content{
	padding: 17px 24px 0 42px;
    width: 420px;
}

.zigzag .bloc .content .title + div{
	line-height: 18px;
    margin-bottom: 18px;
}

.zigzag .bloc .content .title + div div:first-child{
	margin-bottom: 18px;
}
.zigzag .bloc .content .MutLinkBlack {
    clear: both;
    display: inline-block;
}
/*Tab*/
/*Zigzag*/
#tab-description ul.nav-tab{
    height: 54px;
    width: 100%;
    background-color: #000
}

#tab-description ul.nav-tab li.ui-state-active{
    background-image: url(//static.boutique.orange.fr/medias/refonte-2015/css/skin-commun/picto-onglet-white.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

#tab-description ul.nav-tab li.ui-state-active a{
    color: #ff7900
}

#tab-description ul.nav-tab li {
    float: left;
    height: 54px;
    text-align: center;
}

#tab-description ul.nav-tab li a {
    color: #fff;
    display: block;
    font-size: 16px;
    height: 54px;
    line-height: 24px;
    outline: medium none;
    text-decoration: none;
    width: 150px;
    line-height: 49px;
}

#tab-description h2{
    background-color: #eee;
    padding-bottom: 24px;
    padding-top: 42px;
}


/*END:https://static.boutique.orange.fr/medias/refonte-2015/css/styles-mut.css*/
/* 2020-9-29-7201-1 /!\ 02/10/2020 04:02:18 */

/*BEGIN:https://static.boutique.orange.fr/medias/newshop/accessoires/css/product-card.css*/
#Header_arianne_panier:before,
#Header_arianne_panier:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
#Header_arianne_panier:after {
    clear: both;
}
.ie7 #Header_arianne_panier { zoom: 1 }
#Header_arianne_panier { 
    margin-bottom: 37px;
    width: 990px;
}

#Header_arianne_panier  #breadcrumb_wrapper{
    font-size: 12px;
    width: 100%;
}

#Header_arianne_panier  #breadcrumb_wrapper a{
    color: #666;
}

/* Surcharge pour passer au dessus du visuel */
.header-mega-menu {
    z-index: 3;
}

.action-button {
	display: block;
}

/*
	Popins
 */
.ui-dialog.no-title .ui-dialog-titlebar {
	display: none;
}
.ui-dialog.no-title .ui-dialog-content {
	display: block;
}
.ui-dialog.no-title .content {
	background: #FFF;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.6);
    position: relative;
}
.ui-dialog.no-title .close-popin {
	position: absolute;
	right: 12px;
	top: 12px;
}

/* Popin goody */
.ui-dialog.goody .content {
	padding: 20px 35px;
	text-align: center;  
}

.ui-dialog.goody .content figure img {
    max-width: 800px;
}

/* Popin galerie */

.ui-dialog.gallery:focus {
    outline: none;
}

.ui-dialog.gallery .content {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 369px;
    margin: auto;
	padding: 39px 40px 10px;
    width: 695px;
}

.ui-dialog.gallery .title {
	color: #000;
    font: normal 24px/27px 'orangesans75',Arial,sans-serif;
    margin-bottom: 24px;
}

.ui-dialog.gallery a {
	color: #777;
	text-decoration: none;
}
/** Affichage galerie + contrôles **/
.ui-dialog.gallery #gallery {
	position: relative;
	width: 337px;
}
.ui-dialog.gallery .controls {
	height: 51px;
	left: 0;
	position: absolute;
	top: 85px;
	width: 337px;
	z-index: 5;
}
.ui-dialog.gallery .controls .previous-media, 
.ui-dialog.gallery .controls .next-media {
	background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/popin/skin-popin-common/arrow.png) no-repeat;
	display: inline-block;
	height: 84px;
	width: 24px;
}
.ui-dialog.gallery .controls .previous-media { background-position: 0 100%; }
.ui-dialog.gallery .controls .next-media { float: right }
.ui-dialog.gallery .slideshow {
	height: 252px;
    position: relative;
}

.ui-dialog.gallery .slideshow span {
    bottom: 0;
    display: inline-block;
    left: 0;
    line-height: 252px;
    position: absolute;
    right: 0;
	text-align: center;
    top: 0; 
    width: 100%;
}

.ui-dialog.gallery .slideshow span img{
    display: inline-block;
    vertical-align: middle;
}

/** Miniatures **/
.ui-dialog.gallery .thumb {
	font-size: 0;
	margin-left: 18px;
	width: 252px;
}
.ui-dialog.gallery .thumb li { 
	display: inline-block; 
	height: 72px;
	margin: 5px 0 0 18px;
	padding: 5px 0;
	text-align: center;
	width: 72px;
}

.ui-dialog.gallery .thumb li:first-child{
    margin-left: 0;
}

.ui-dialog.gallery .thumb li a {
	display: block;
    height: 72px;
    text-align: center;
    width: 72px;
}
.ui-dialog.gallery .thumb li a img {
	opacity: .67; 
    max-height: 100%;
	max-width: 100%; 
}

/* Popin PCM carence */
.ui-dialog.popin-carence {
	width: 640px !important;
}
.ui-dialog.popin-carence .content {
	padding: 50px 40px 40px;
}
.ui-dialog.popin-carence .title {
	font-size: 24px;
	line-height: 27px;
	margin-bottom: 15px;
}
.ui-dialog.popin-carence p { 
    font-size: 18px; 
    line-height: 27px; 
}
.ui-dialog.popin-carence .BtnOrange {
	float: right;
	margin-top: 45px;
	padding: 10px 20px;
}
.ui-dialog.popin-carence .popin-mention { 
	display: none; 
}

/* 
    Mise en forme globale 
*/
main,
.features,
.navigation,
.bottom-distinction {
    color: #333;
    font: 0 Arial, sans-serif;
    margin: 0 auto;
    width: 990px;
}

main {
    margin-bottom: 34px;
    padding: 9px 0 23px;
}
.ie7 main { 
    zoom: 1; 
}

main > * {
    font-size: 13px;
}

.features { 
    font-size: 16px; 
    margin-bottom: 20px;
    padding-top: 10px;
}
.first-col-phone {
    width: 318px;
}
.mobile-presentation { 
    width: 318px;
    margin-bottom: 34px;
}
.mobile-description { width: 279px }
.mobile-caracteristics { width: 318px }

/*
    Navigation
 */
.navigation {
    font-size: 13px;
    margin-bottom: 10px;
}
#main.cart .navigation .return-link{
    background: rgba(0, 0, 0, 0) url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-common/medium-chevron-back.png) no-repeat scroll 0 4px;
    color: #000;
    font: 16px/40px helvetica75,Arial,sans-serif;
    padding-left: 16px;
}
.navigation > a { 
    background-position: 0% -178px;
    color: #000;
    font-family: orangesans75,Arial,sans-serif;
    font-weight: normal;
    vertical-align: middle; 
}

.navigation > a:hover {
    color: #f16e00;
    background-position: 0% -14px;
}

.navigation #PanelComparateur { float: right }
#PanelComparateur #comparison-block { right: -1px }

/** 
    Présentation du mobile 
*/

#MAIN,
.features{
    background: #fff;
    color: #000;
}

.accessoires #MAIN{
    margin-bottom: 18px;
    padding: 9px 0 20px;
}

.mobile-presentation figure { 
    height: 252px;
    margin: 0 0 10px;
    width: 252px;
}

.mobile-presentation figure #wrap{
    height: 252px;
    line-height: 252px;
    text-align: center;
}

.mobile-presentation figure #wrap #zoom1 {
    display: inline-block !important;
    vertical-align: middle;
}

#wrap {
    z-index: 0 !important;
    width: 100% !important;
}

#cloud-zoom-big {
    height: 252px !important;
    width: 100% !important;
    z-index: 1 !important;
}

/* Gestion zoom image */
.mobile-presentation .mousetrap { 
    background-color: white;
    cursor: move !important;
    opacity: 0;
}

.ie7 .mobile-presentation .mousetrap { 
    filter: alpha(opacity=0); 
}

.ie8 .mobile-presentation .mousetrap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.mobile-presentation ul { 
    margin: 0 auto; 
}
.mobile-presentation .actions { 
    margin: 0 0 20px 9px;
    width: 170px; 
}
.mobile-presentation .gallery-choice { 
    margin: 0 18px;
    width: 235px;
    text-align:center;
}
.mobile-presentation li { 
    margin-left: 10px;
}
.mobile-presentation li:first-child {
    margin-left: 0;
}

.mobile-presentation .gallery-choice li {
    margin: 0;
    padding: 0;
}
.mobile-presentation .gallery-choice li:first-child {
    border-width: 0;
    margin-left: 0;
    padding-left: 0;
}
.mobile-presentation .gallery-choice a { position: relative }

.mobile-presentation .gallery-choice a.cloud-zoom-gallery{
    display: inline-block;
    height: 72px;
    width: 72px;
}

.mobile-presentation .gallery-choice .selected-item { 
    background: url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-common/chevron.png) no-repeat 50% -56px; 
    bottom: -13px;
    display: none;
    height: 18px;
    left: 21px;
    position: absolute;
    width: 11px;
}
.mobile-presentation .gallery-choice .selected .selected-item {
    display: none;
}

/** 
    Description du mobile 
*/
.mobile-description {
    line-height: 18px;
    margin-left: 15px;
     padding-top: 4px;
}
.mobile-description a {
    color: #333;
    text-decoration: none;
}

.mobile-description header { margin-bottom: 20px }
.mobile-description h1 { 
   font-family: orangesans75,Arial,sans-serif;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 18px;
}
.mobile-description h1 > span:first-child {
    margin-bottom: 0;
}
.mobile-description h1 > span { 
    font-weight: normal; 
    margin-bottom: 5px;
    display: block;
}

.mobile-description h1 .MutColor02{
    color: #000;
}

.mobile-description .rank{
  font-family: orangesans55,Arial,sans-serif;
  font-size: 13px;
}

.mobile-description header .rank a,
.mobile-description header .rank img { vertical-align: middle }
.mobile-description header a { margin-left: 5px }
.mobile-description header a:hover { text-decoration: underline }
.mobile-description header a + a { margin-left: 10px }

.mobile-description header + p,
.mobile-description .strength{
    font-family: orangesans55,Arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.mobile-description .strength{
    width: 297px;
}

.mobile-description header + p strong{
    display: inline-block;
    font-family: orangesans75,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 9px;
}

.mobile-description dl { 
    margin-bottom: 14px;
    width: 235px; 
}
.mobile-description dd {
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 6px 0 5px 0;
}
.mobile-description dd:first-child {
    border-width: 0;
}

.mobile-description footer{
    margin-top: 18px;
}

.mobile-description footer a {
    background: url(//static.boutique.orange.fr/medias/newshop/toolkit-ns/medias/images/chevron.png) no-repeat 100% -158px;
    color: #000;
    display: inline-block;
    font-family: orangesans75,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding-right: 13px;
}

.mobile-description footer #P_DAS {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.mobile-description footer #P_DAS p {
    color: #000;
    font: normal 16px/22px helvetica55, Arial, sans-serif;
}

.mobile-description footer #P_DAS p strong {
    font-weight: normal;
    font-family: helvetica75, Arial, sans-serif;
}

.mobile-description footer #P_DAS p > span {
    display: block;
}

.mobile-description footer .link-info-bubble {
    background: transparent;
    margin-left: 7px;
    vertical-align: middle;
}
.mobile-description footer a:hover {
    background-position: 100% 6px;
    text-decoration: underline;
}
.mobile-description footer p > a {
    font-weight: normal;
}
.mobile-description .MutLink01 {
    margin-bottom: 9px;
}
.mobile-description .add-to-compare {
    padding-top: 22px;
}
.mobile-description .add-to-compare:before {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/compare-icon.png) no-repeat;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    width: 15px;
}
.ie7 .mobile-description .add-to-compare {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/compare-icon.png) no-repeat bottom 0;
    padding-left: 20px;
}

/* Lien Version reconditionnée */
.mobile-description #Container_Reconditionne a{
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px;
}

/* Goodies */
.mobile-description .dialog {
    display: none;
}

.mobile-description .goody .ribbon { 
    position: absolute; 
    right: -6px; 
    top: -5px;
}
/** Différé **/
.mobile-description .goody.deferred {
    display: block;
    margin-top: 18px;
    margin-bottom: 37px;
}
.mobile-description .goody.deferred img {
    max-width: 276px;
} 
/** Asilage **/
.mobile-description .goody.asilage { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/bkg-box-offer.png) no-repeat 100% 0; 
    margin: 18px 0 4px;
    min-height: 90px; 
    padding-top: 10px; 
    position: relative;
    width: 276px; 
}

.mobile-description .goody.asilage .content {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/vertical-arrow-left.png) no-repeat;
    margin-right: 30px;
    min-height: 85px;
    padding-left: 20px;
    padding-top: 3px;
    width: 150px;
}

.mobile-description .goody.asilage figure {
    text-align: center;
    width: 70px;
}
.mobile-description .goody.asilage figure img {
    max-height: 85px;
    max-width: 70px;
}

.mobile-description .goody.asilage .action-button {
    display: none;
    left: 15px;
    position: absolute;
    top: 30px;
}
.mobile-description .goody.asilage figure:hover .action-button {
    display: block;
}

/** 
    Caractéristiques du mobile 
*/
.mobile-caracteristics {
    margin-left: 60px;
    padding-top: 12px;
    position: relative;
}
.mobile-caracteristics .actions p:first-child {
    margin-bottom: 16px;
}
.mobile-caracteristics .actions .btn {
    width: 292px;    
}
.mobile-caracteristics .actions .btn.indispo {
    padding: 10px 0;
    margin-bottom: 18px;
    color: #333;
    font-size: 15px;
}
.mobile-caracteristics .actions .connect .btn {
    padding: 13px 0;
}

.mobile-caracteristics .striked {
    margin-left: 5px;
}

/*** 
    Rubans et présentation promo 
*/
.mobile-caracteristics .ribbon {
    position: absolute;
    right: 0;
    top: -9px;
}

.mobile-caracteristics .ribbon.flash-sale{
    top: -5px;
}

.mobile-caracteristics img.ribbon {
    z-index: 1;
}

.mobile-caracteristics div.ribbon {
    height: 135px;
    width: 135px;
}

/* Promo sur stock */
.mobile-caracteristics div.ribbon.stock {
    height: 120px;
    right: 15px;
    top: 15px;
    width: 120px;
    z-index: 0;
}
.mobile-caracteristics div.ribbon.stock > div {
    border: 1px solid #cecece;
    padding: 0 0 10px 10px;
}
.mobile-caracteristics div.ribbon.stock > div p:first-child {
  padding-top: 75px;
}
.mobile-caracteristics div.ribbon > div p strong {
    color: #f60;
    font-size: 16px;
    font-weight: bold;
    width: 85%;
}

/***/
.mobile-caracteristics header > a {
    margin-bottom: 10px;
}
.mobile-caracteristics header > a > span { 
    line-height: 1; 
}

.mobile-caracteristics .availability {
    font-size: 14px;
    font-weight: normal;
    line-height: 27px;
}

.mobile-caracteristics .availability #SPAN_Stock_Acc{
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/stock.png) no-repeat 0 7px;
    display: inline-block;
    padding-left: 18px;
}

.mobile-caracteristics .availability #SPAN_Livraison + span {
    color: #333;
}
.mobile-caracteristics .indispo {
    font-weight: bold;
    font-size: 16px;
}

.mobile-caracteristics .indispo.small{
    font-size: 13px;
}

.mobile-caracteristics .info-livraison {
    margin-top: 21px;
}
.mobile-caracteristics .info-livraison > p {
    background: url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/picto-info-livraison.png) no-repeat 0 0;
    padding-left: 24px;
    padding-bottom: 6px;
    cursor: pointer;
}

.mobile-caracteristics .pricing footer {
    margin: 10px 0 12px;
}
.mobile-caracteristics .pricing li,
.mobile-caracteristics .pricing li a { 
    color: #757575;
    vertical-align: middle;
}
.mobile-caracteristics .pricing li {
    color: #757575;
    font: normal 12px/25px orangesans55,Arial,sans-serif;
    list-style: none; 
}

.mobile-caracteristics .pricing li a#hl_rpcp{
    background: url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-common/arrow-right-666.png) no-repeat 100% 4px;
    padding-right: 15px;
}

.mobile-caracteristics .choice header {
    font: normal 15px/20px orangesans75,Arial,sans-serif;
    margin-bottom: 15px;
    position: relative;
}

/*** 
    Prix 
*/
.price-container {
    font-size: 14px;
}
.price-container p:first-child { margin-bottom: 8px }

.price-container p.a-partir:first-child{
    margin-bottom: inherit;
}

.price-container .a-partir{
    font: normal 16px/27px 'orangesans75', Arial, sans-serif;
}

.price-container sup, 
.price-container sub {
    display: inline-block;
}

.price-container .price {
    display: inline-block;
    font-family: orangesans75,Arial,sans-serif;
    font-size: 0;
    overflow: hidden;
}

.price-container .price .integer{
    font-size: 48px;
    line-height: 1;
}

.price-container .price sup {
    font-size: 24px;
    line-height: 31px;
    vertical-align: top;
}
.price-container .price sub {
    font-size: 16px;
    line-height: 18px;
    margin-left: 58px;
}
/* Prix barré */
.price-container .striked-price .integer, 
.price-container .striked-price sup, 
.price-container .striked-price sub {
    display: inline-block;
}
.price-container .striked-price {
    color: #757575;
    font-family: 'orangesans75', Arial, sans-serif;
    line-height: 20px;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
}
.price-container .striked-price .integer,
.price-container .striked-price sup {
    font-size: 16px;
}
.price-container .striked-price sup {
    vertical-align: baseline;
}
.price-container .striked-price .strike {
    border-top: 1px solid #757575;
    height: 1px;
    left: 0;
    position: absolute;
    top: 45%;
    width: 100%;
}
/* Prix avec étalement */
.price-container .price-information {
    overflow: hidden;
    word-wrap: break-word;
}

.price-container .price-information,
.price-container .price-information + p {
    font-size: 13px;
    line-height: 18px;
}

.price-container .price-information + p {
    margin-top: 9px;
}

/***
    Promotions
*/
.mobile-caracteristics #promo-list-container {
    margin-top: 10px;
}
.mobile-caracteristics .promo-stock,
.mobile-caracteristics #promo-list-container .timer{
    line-height: 1;
    margin: 14px 0 0;
    padding: 12px 12px 0;
    margin-right: 24px;
    color: #f16e00;
    font-family: helvetica75, Arial, sans-serif;
}

.mobile-caracteristics .promo-stock,
.mobile-caracteristics .offer-container,
.mobile-caracteristics #promo-list-container .timer{
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #eee;
    margin-right: 24px;
}
.mobile-caracteristics #promo-list-container .timer p{
    display: inline-block;
}

.mobile-caracteristics #promo-list-container .timer strong{
    font-weight: normal;
}

.mobile-caracteristics #promo-list-container .timer p:first-child{
    margin-right: 4px;
}

.mobile-caracteristics .offer-container{  
    font: normal 14px/1 'orangesans55',Arial,sans-serif;
    margin: 12px 0 9px;
    padding: 12px 12px 8px;
}

.mobile-caracteristics .promo-stock + .offer-container,
.mobile-caracteristics .timer + .offer-container{
    margin-top: 0;
    padding-top: 0;
}

.mobile-caracteristics .bloc-promo-new, 
.mobile-caracteristics .bloc-odr-new {
    margin-right: 24px;
}
.mobile-caracteristics .bloc-promo-new .libelle {
    font-weight: bold;
}

.mobile-caracteristics .offer-container .offer-inner.repayment-offer .information {
    font-weight: bold;
}



/* Infobulle */
.info-bubble.eco-participation { width: 335px }

.info-bubble.cloned {
    border: none;
    border-radius: 0;
    box-shadow : none;
    background: #ddd;
    font: normal 12px/15px helvetica55, Arial, sans-serif;
}

#arrow-info-bubble { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-common/sep-info-bulle.png) no-repeat 0 0; 
    display: none; 
    height: 21px; 
    overflow: hidden; 
    position: absolute; 
    width: 21px; 
    z-index: 999; 
}

/* PCM - informations */
.pcm-information { 
    border-radius: 3px;
    color: #333;
    font-size: 13px;
    line-height:18px;
    margin: 20px 0 9px; 
    padding: 0;
    width: 78%;
}

.pcm-information.black{
    background: #000;
    color: #FFF;
    border:0;
    padding: 5px 24px;
}

/*** 
    Déclinaisaons 
*/
.decli-choice .line-choice {
    font-size: 0;
}
.decli-choice .line-choice strong {
    display: inline-block;
    font-size: 13px;
    padding-top: 10px;
    vertical-align: top;
    width: 66px;
}
.decli-choice .line-choice #LBL_EtatOccasionUnique {
    display: inline-block;
    font-size: 13px;
    padding: 10px 0 14px 18px;
}
.decli-choice ul { 
    font-size: 0;
    width: 100%;
}
.decli-choice li {
    margin: 0 18px 9px 0;
    display: inline-block;
    position: relative;
}

.decli-choice li:first-child{
    margin-left: 0;
}

.decli-choice li a:first-child:hover, 
.decli-choice li a:first-child.selected {
    background: #000;
    border: 2px solid #000; 
    color: #fff;
}

.decli-choice li a:first-child {
    border: 2px solid #ccc;
    color: #000;
    display: inline-block;
    font: normal 14px/26px 'orangesans75', Arial, sans-serif;
    height: 36px;
    overflow: hidden;
    padding: 3px 12px;    
    text-decoration: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.decli-choice .couleur li a:first-child{
    border-radius: 100px;
}

.decli-choice .etat li a:first-child {
    width: 107px;
}

.decli-choice .couleur > strong:first-child{
    display: none;
}

.decli-choice .couleur li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid #fff;
    border-radius: 100px;
    height: 41px;
    line-height: 33px;
    margin: 0 0 9px 9px;
    text-align: center;
    width: 41px;
}

.decli-choice .couleur li a:first-child[style="background-color:#ffffff;"],
.decli-choice .couleur li a:first-child[style="background-color: rgb(255, 255, 255);"]{
    border: 1px solid #666;
}

.decli-choice .couleur li.selected,
.decli-choice .couleur li:hover{
    border: 4px solid #000;
}

.decli-choice .couleur li:first-child {
    margin-left: 0;
}

.decli-choice .couleur li a:first-child {
    border: 2px solid transparent;
    background-clip: content-box; /* correctif ie (lisere grise) */
    height: 27px;
    padding: 0;
    vertical-align: middle;
    width: 27px;
}


.decli-choice .indispo {
    display: none;
}
.decli-choice .no-available .indispo {
    width: 21px;
    height: 19px;
    display: block;
    position: absolute;
    background: url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/warning-availability.png) no-repeat 0 0 ;
    top: 18px;
    right: -8px;
    cursor:pointer;
}
.decli-choice .indispo-bubble {
    background: #000;
    display: block;
    font: normal 14px/26px 'orangesans75', Arial, sans-serif;
    height: 27px;
    color: #fff;
    position: absolute;
    padding: 0 18px;
    z-index: 2;
    left: 50%;
    bottom: -37px;
    margin-left: -51px;
}
.decli-choice .indispo-bubble .arrow{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent #000000 transparent;
    position: absolute;
    top: -8px;
    left: 44px;
}
/*** 
    Segments 
*/
.segments-choice li { 
    font-size: 0;
    margin-bottom: 12px;
}
.segments-choice li > * {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    vertical-align: top;
}

.segments-choice li input {
    margin-right: 9px;
}
.segments-choice li label {
    display: inline-block;
    vertical-align: top;
    width: 130px;
}
.segments-choice li label .commitment {
    color: #666;
    font-size: 11px;
}
.segments-choice li .price-presentation {
    line-height: 25px;
    text-align: right;
    width: 150px;
}
.segments-choice li .price-presentation .striked-price,
.segments-choice li .price-presentation .striked-price .integer, 
.segments-choice li .price-presentation .striked-price sup, 
.segments-choice li .price-presentation .striked-price sub {
    display: inline-block;
}
.segments-choice li .price-presentation .striked-price {
    font-size: 18px; 
    line-height: normal;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
}
.segments-choice li .price-presentation .striked-price .integer {
    font-size: 25px;
}
.segments-choice li .price-presentation .striked-price sup {
    font-size: 12px;
    line-height: 17px;
}
.segments-choice li .price-presentation .striked-price .strike {
    border-top: 1px solid #7f7f7f;
    height: 1px;
    left: 0;
    position: absolute;
    top: 45%;
    width: 100%;
}
.segments-choice li .price-presentation .block {
    font-size: 11px;
    line-height: 14px;
}
.segments-choice li .price-presentation .price-information {
    margin-top: 9px;
}
.segments-choice li .price-presentation .price {
    display: inline-block;
    font-size: 24px;
    line-height: 26px;
    position: relative;
    top: -4px;
    vertical-align: top;
}
.segments-choice li .price-presentation sup {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
}
/* ctc perform */
.click-to-call {
    background: #f3f4f4;
    border: 1px solid #ccc;
    position: relative;
    line-height: 18px;
    margin-bottom: 40px;
}
.click-to-call .arrow-ctc {
    background: url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/arrow-ctc.png) no-repeat 0 0;
    width: 18px;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 5%;
}
.click-to-call .ribbon-ctc {
    background: url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/ribbon-new.png) no-repeat 0 0;
    width: 79px;
    height: 79px;
    position: absolute;
    top: -7px;
    right: -7px;
}
.click-to-call figure {
    display: inline-block;
    margin-top: 18px;
    width: 79px;
}
.click-to-call .content {
    font: normal 12px/18px arial, sans-serif;
    width: 210px;
    padding-top: 21px;
}
.click-to-call .title {
    color: #f16e00;
    font: normal 16px/18px OrangeSans65, arial, sans-serif;
    display: block;
    margin-bottom: 10px;
}

.click-to-call .sub-title{
    font: normal 14px/18px OrangeSans65, arial, sans-serif;
}

.click-to-call .content strong{
    display: block;
    font: normal 12px/18px OrangeSans65, arial, sans-serif;
    margin-bottom: 9px;
}

.click-to-call .BtnCTC {
    display: block;
    font: bold 12px/43px arial, sans-serif;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 43px;
    width: 148px;
    margin: 14px 0 17px 0;
}
/* Desimlockage */
#EditoEncartDesimlockage {
    display: none;
    color: #666;
    font-size: 11px;
    width: 319px;
}
#EditoEncartDesimlockage.show { display: block }
.desimlockage { 
    background: #fff url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/desimlockage-top.png) 0 top no-repeat; 
    margin: 0 0 20px; 
    overflow: hidden; 
    padding: 6px 0 0; 
}
.desimlockage .inner { 
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/desimlockage-bottom.png) no-repeat 0 bottom; 
    padding: 9px 0 10px 18px; 
    width: 275px;
}
.desimlockage .inner p { 
    font-size: 11px; 
    line-height: 18px; 
}

.desimlockage .inner p + p {
    margin-bottom: 11px;
}

.desimlockage .inner .mention {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}
.desimlockage .inner .mention:before {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-common/chevron.png) no-repeat 0 -39px;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    width: 11px;
}
.desimlockage .inner .mention.on:before {
    background-position: 0 -60px;
}
.ie7 .desimlockage .inner .mention {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-common/chevron.png) no-repeat 0 -39px;
    display: block;
    padding-left: 16px;
}
.ie7 .desimlockage .inner .mention.on {
    background-position: 0 -60px;
}
.desimlockage.top .inner .mention + p {
    display: none;
    font-size: 11px;
    line-height: 15px;
    padding-left: 13px;
    width: 263px;
} 

.desimlockage .inner > a + p .odr-ticket {
    display: inline-block;
    font-weight: bold;
    margin-top: 9px;
    text-decoration: none;
}
.desimlockage .inner > a + p .odr-ticket:after {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-common/chevron.png) no-repeat right top;
    content: "";
    display: inline-block;
    height: 13px;
    margin-left: 2px;
    vertical-align: bottom;
    width: 11px;
}
.ie7 .desimlockage .inner > a + p .odr-ticket {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-common/chevron.png) no-repeat right top;
    padding-right: 13px;
}

/***
    Engagements
 */
.commitment-choice ul { zoom: 1 }
.commitment-choice li:first-child {
    margin-right: 5px;
}

.commitment-choice a {
    background: url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/bkg-pcm-button.png) no-repeat 0 0;
    color: #f60; 
    display: block;
    font-weight: bold;
    padding: 8px 0; 
    text-align: center; 
    text-decoration: none; 
    width: 142px; 
}
.commitment-choice a:hover,
.commitment-choice a.active { 
    background-image: url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/bkg-pcm-button-active.png); 
}
.commitment-choice a .nbMois { color: #333 }
.commitment-choice a:hover .nbMois { color: #f60 }
.commitment-choice a .striked-price { 
    color: #999;
    font-size: 11px;
    margin-right: 6px;
    text-decoration: line-through;
}
/***
    Alerte dispo accessoires
 */
.mobile-caracteristics .actions .alerte-dispo-acc > p {
    font: normal 14px/20px helvetica75, arial, sans-serif;
    padding-left: 32px;
    background: url(//static.boutique.orange.fr/medias/newshop/styles/skin-common_mobile/20x20-info-yellow.png) no-repeat 0 0;
    margin-bottom: 25px;
}
.mobile-caracteristics .actions .bloc-alerte-dispo {
    font: normal 14px/18px helvetica75, arial, sans-serif;
}
.mobile-caracteristics .actions .bloc-alerte-dispo p {
    margin-bottom: 7px;
}
    .mobile-caracteristics .actions .bloc-alerte-dispo span.alerting-disponibility-error,
    .mobile-caracteristics .actions .bloc-alerte-dispo .field-validation-error {
        color: #cd3c14;
        padding-top: 2px;
        display: inline-block;
        margin-bottom: 6px;
    }
.mobile-caracteristics .actions .bloc-alerte-dispo input {
    border: 2px solid #ccc;
    height: 36px;
    width: 258px;
    padding: 0 8px;
    font: normal 14px/36px helvetica75, arial, sans-serif;
}
.mobile-caracteristics .actions .bloc-alerte-dispo span.alerting-disponibility-error + input,
.mobile-caracteristics .actions .bloc-alerte-dispo .input-validation-error {
    border-color: #cd3c14;
}
.mobile-caracteristics .actions .bloc-alerte-dispo .info {
    font: normal 11px/15px arial, sans-serif;
    color: #757575;
    padding-top: 3px;
}
.mobile-caracteristics .actions .bloc-alerte-dispo .BtnOrangeFlat {
    float: right;
    margin-right: 42px;
    margin-top: 4px;
}
.mobile-caracteristics .actions .alerte-dispo-acc .valid-alerte {
    background: url(//static.boutique.orange.fr/medias/newshop/styles/skin-common_mobile/14x13-tick.png) no-repeat 0 0;
    font: normal 14px/18px helvetica75, arial, sans-serif;
    padding-left: 24px;
    padding-right: 36px;
}
/*
    Validation
 */
.actions {
    margin-top: 9px;
}

.mobile-caracteristics .actions .btn {
    width: auto;
}

.mobile-caracteristics .actions .btn.BtnOrangeFlat{
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}

.mobile-caracteristics .actions .btn.BtnOrangeFlat:hover{
    cursor: pointer;
    text-decoration: none;
}

.mobile-caracteristics .actions .btn.BtnOrangeFlat.aspNetDisabled{
    background: #ccc;
}

.mobile-caracteristics .actions .btn.BtnOrangeFlat.aspNetDisabled:hover{
    cursor: default;
    text-decoration: inherit;
}


/*
    Informations sur le mobile
 */

.features {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 18px 0;
}

/* Onglets */
.features section > header + ul {
    background: none;
    border-bottom: 2px solid #000;
    font-family: orangesans65,Arial,sans-serif;
    font-size: 16px;
    height: 36px;
    margin: 0 24px;
}
.features section > header + ul li {
    text-align: center;
}
.features section > header + ul li.ui-tabs-active {
    border: 2px solid #000;
    border-bottom: 0;
}
.features section > header + ul li a {
    background: none;
    color: #000;
    display: block;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    width: 165px;
}
.features section > header + ul li.ui-tabs-active a {
    background: #fff;
}

.features section > header + ul ~ div,
.features > section > header { display: none }

/* L'essentiel (description du mobile) */
#essential .list-description{
    margin-top: 33px;
}
#essential .list-description > li {
    font-size: 0;
    margin-bottom: 54px;
}
#essential .list-description > li:last-child { margin-bottom: 18px }
#essential .list-description > li > div,
#essential .list-description > li > figure {
    font-size: 13px;
}
#essential .list-description > li > div:first-child,
#essential .list-description > li > figure:first-child {
    margin-right: 18px;
}
#essential .list-description > li > div {
    font-family: orangesans55,Arial,sans-serif;
    font-size: 14px;
    padding: 27px 18px 27px 40px;
    width: 404px;
}
#essential .list-description > li > figure {
    width: 486px;
}

#essential .list-description > li > div + figure{
    margin-left: 24px;
}

#essential .list-description > li > figure img {
  display: block;
  margin: 0 auto;
  max-width:486px;
}
#essential .list-description > li > div a {
    margin-top: 10px;
}
#essential h3 {
    font: normal 30px/36px orangesans75,Arial,sans-serif;
    margin-bottom: 12px;
}

/* Caractéristiques techniques */
#fact-sheet { padding-top: 27px }

#fact-sheet .bundle-access{
    display: block;
    line-height: 27px;
    margin: 0px 24px 10px;
    position: relative;
    width: 945px;
}

.features #customer-opinion + #essential + #fact-sheet .bundle-access{
    border-top: 2px solid #eee;
    padding-top: 12px;
}

.features #customer-opinion + #essential + #fact-sheet .bundle-access .plus{
    top: 17px;
}

.features #customer-opinion + #essential + #fact-sheet{
    padding-top: 0;
}

#fact-sheet .bundle-access .plus{
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-cart-accessoires/plus-moins.png) no-repeat center top;
    display: block;
    height: 25px;
    position: absolute;
    right: 3px;
    top: 5px;
    width: 18px;
}

#fact-sheet .bundle-access .plus:hover{
    cursor: pointer;
}

#fact-sheet .bundle-access .plus.minus{
    background-position: center -25px;
}

#fact-sheet .environment {
    border: 1px solid #cecece;
    border-radius: 3px;
    padding: 32px 35px;
    position: relative;
}

#fact-sheet #content-pack,
#fact-sheet #fonctions {
    font-family: orangesans55,Arial,sans-serif;
    margin: 0px 42px;
    padding: 5px 0 0;
}
#fact-sheet #content-pack ul {
    padding: 0;
    width: 420px;
    white-space: pre-line
}
#fact-sheet #content-pack ul li {
    font-size: 14px;
    line-height: 18px;
    width: 100%;
}
#fact-sheet #fonctions ul {
    margin-bottom: 50px;
    padding: 0;
}
#fact-sheet #fonctions li {
    border-top: 1px solid #999;
    margin-bottom: 7px;
    font-size: 13px;
    padding-top: 5px;
    width: 100%;
}
#fact-sheet #fonctions li:first-child {
    padding-top: 0;
    border-top: none;
}

#fact-sheet > h3,
#fact-sheet ul {
    padding: 0 22px;
}

#fact-sheet h3 {
    color: #000;
    font: normal 24px/27px orangesans75,Arial,sans-serif;
    margin-bottom: 18px;
}
.ie7 #fact-sheet #content-pack { zoom: 1 }
div#fact-sheet > span.bundle-access + span.onglet-bundle{
    display: none
}
#fact-sheet #content-pack dl {
    width: 420px;
}
#fact-sheet #content-pack dl dd:first-child {
    border-width: 0;
}
#fact-sheet #content-pack dl dd{
    border-top: 1px solid #cecece;
    font-size: 14px;
    line-height: 18px;
}
#fact-sheet #content-pack figure {
    text-align: center;
    width: 370px;
}
#fact-sheet ul {
    font-size: 0;
    padding: 0 42px;
}
#fact-sheet ul li {
    font-size: 13px;
    margin-bottom: 30px;
    width: 45%;
}
.ie7 #fact-sheet ul li { min-height: 300px }
#fact-sheet ul li.first {
    margin-right: 5%;
}
#fact-sheet table {
    width: 100%;
}
#fact-sheet table tr:first-child th, 
#fact-sheet table tr:first-child td {
    border-top: 0;
    padding-top: 0;
}
#fact-sheet table th, 
#fact-sheet table td {
    border-top: 1px solid #999;
    line-height: 18px;
    padding: 10px 0;
    text-align: left;
    vertical-align: top;
}
#fact-sheet table th {
    font-weight: bold;
    padding-right: 25px;
    width: 160px;
}
#fact-sheet .environment {
    background: #F0F0F0;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
}
#fact-sheet .environment .left-content {
    float: left;
    width: 560px;
}
#fact-sheet .environment h4 {
    font-size: 18px;
    font-family: Arial, sans-serif;
    margin-bottom: 20px;
}
#fact-sheet .environment ol {
    counter-reset: environment;
}
#fact-sheet .environment ol li {
    margin-bottom: 20px;
}
#fact-sheet .environment ol li:before {
    border: 3px solid #ccc;
    border-radius: 25px;
    content: counter(environment);
    counter-increment: environment;
    display: inline-block;
    height: 21px;
    line-height: 21px;
    margin-right: 22px;
    text-align: center;
    vertical-align: top;
    width: 21px;
}
#fact-sheet .environment ol li span {
    display: inline-block;
    width: 88%;
}
#fact-sheet .environment ol li span.number {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/front/resource/landing/environment-round.gif) no-repeat 0 0;
    display: none;
    height: 27px;
    margin-right: 22px;
    padding-top: 5px;
    text-align: center;
    vertical-align: top;
    width: 27px;
}
.ie7 #fact-sheet .environment ol li span.number {
    display: inline-block;
}
#fact-sheet .environment figure {
    background: #000;
    border-radius: 5px;
    float: right;
    padding: 40px 20px;
    width: 270px;
}

/* Avis clients */
#customer-opinion {
    margin: 0 24px;
    width: auto;
}
#customer-opinion .link-avis-orange {
    font-style: italic;
    font-family: helvetica55;
    color: #666;
    padding-left: 12px;
    text-decoration: underline;
    padding-top: 18px;
    display: inline-block;
}
}
#BVRRContainer {
    position: relative;
}
#BVRRContainer div {
    width: auto;
}
#BVRRContainer .BVRRRatingContainerStar .BVRRRatingNormalOutOf {
    line-height: 12px;
}
#BVRRContainer .BVRRRatings .BVRRFieldLegend {
    padding-top: 62px;
}
#BVRRContainer .BVDI_QT .BVDI_QTHeaderAttributes {
    margin-top: 13px;
}
#BVSubmissionContainer {
    position: relative;
    width: 988px;
}

/* Onglet SAV */
#sav {
    font-size: 14px;
    line-height: 18px;
    margin: 0px 42px;
    padding: 27px 0 0;
}

/* Vous pourriez aussi aimer */
.features section > header + ul li[aria-controls="also-like"] a{
    width: 180px;
}

#also-like{
    margin: auto;
    padding-top: 27px;
    text-align: center;
}

#also-like .phone{
    display: inline-block;
    padding: 17px 8px 8px 9px;
    vertical-align: top;
    width: 109px;
}

#also-like .phone:first-child{
    margin-left: 9px;
}

#also-like .phone:hover{
    border: 2px solid #333;
    padding: 15px 6px 6px 7px;
}

#also-like .phone .phone-name{
    display: inline-block;
    font: normal 14px/18px helvetica75, Arial, sans-serif;
    margin-bottom: 9px;
    text-align: left;
    width: 100%;
}

#also-like.js-two-lines .phone .phone-name{
    height: 54px;
}

#also-like.js-three-lines .phone .phone-name{
    height: 72px;
}

#also-like .phone .phone-name strong{
    display: block;
    font-family: helvetica75, Arial, sans-serif;
    font-weight: normal;
}

#also-like .phone figure{
    position: relative;
    width: 108px;
}

#also-like .phone figure .ribbon{
    position: absolute;
    right: 2px;
    top: 1px;
}

/*
    Séparation
 */
.bottom-distinction { 
    font-size: 11px; 
    margin-bottom: 20px;
}
.bottom-distinction:before {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/accessoires/css/skin-product-card/bottom-distinction.png) no-repeat 50% 50%;
    content: '';
    display: block;
    height: 22px;
    width: 990px;
}

/* 
    Barre sociale
*/

#content-fiche .osocial-share{
    margin: 22px 0 0 24px;
}


/*END:https://static.boutique.orange.fr/medias/newshop/accessoires/css/product-card.css*/


/*BEGIN:https://static.boutique.orange.fr/medias/newshop/css/css-990/common-new-brand.css*/
body {
    color: #000;
    background: #eee;
}
body a {
    color: #000;
}

/* ==========================================================================
   Besoin d'aide
   ========================================================================== */
#Header_arianne_panier { position: relative; }
#Header_arianne_panier #PNL_Help { 
    background:transparent url(//static.boutique.orange.fr/medias/newshop/css/css-990/skin-common/bkg-help.png) no-repeat 16px 6px;
    height: 40px; 
    line-height: 38px; 
    padding: 0; 
    position: absolute; 
    right: 25px;  
    z-index: 2; 
    top: 0;
}
#Header_arianne_panier #PNL_Help .helpLinkTitle {
    background: none;
    display: inline-block;
    font: normal 14px/18px helvetica75, Arial, sans-serif;
    color: #000;
    margin: 0;
    padding: 0 0 0 47px;
}
/* ==========================================================================
   Barre d'intention
   ========================================================================== */
#UPD_INTENTION #barre-intention #contenu-barre-intention {
    border: none;
    font-size: 14px;
}
#UPD_INTENTION #barre-intention #contenu-barre-intention .deconnexion,
#UPD_INTENTION #barre-intention #contenu-barre-intention .annuler-choix,
#UPD_INTENTION #barre-intention #contenu-barre-intention .changer-utilisateur {
    padding-left: 9px;
    background: none;
}
#UPD_INTENTION #barre-intention #contenu-barre-intention .changer-utilisateur a, 
#UPD_INTENTION #barre-intention #contenu-barre-intention .deconnexion a, 
#UPD_INTENTION #barre-intention #contenu-barre-intention .annuler-choix a {
    font: normal 14px/18px helvetica75, Arial, sans-serif;
}
#barre-intention #contenu-barre-intention .message {
    font: normal 14px/18px helvetica55, Arial, sans-serif;
}
#UPD_INTENTION .messageAvertissement,
#UPD_INTENTION .messageInfo {
    border: none!important;
}
/* ==========================================================================
   Fil d'ariane
   ========================================================================== */
#Header_arianne_panier { 
    position: relative; 
    width: 990px!important;
}
.template #dynamic-breadcrumb,
#breadcrumb_wrapper #breadcrumb {
    padding-left: 0!important;
}
#dynamic-breadcrumb a, 
#dynamic-breadcrumb span.avecChevron,
#breadcrumb_wrapper #breadcrumb span a {
    font-size: 12px;
    color: #666;
}
#breadcrumb_wrapper #breadcrumb span strong {
    font-weight: normal;
    font-size: 12px;
}

/* ==========================================================================
   Panier Accessoires
   ========================================================================== */

#panier-content {
    position:relative;

}

#PanelPanier {
    margin-top: 19px;
}


#PanelMiniPanier {
    position: absolute;
    top: 6px;
    right: 0;
    background-color: #FFF;
    width: 166px;
    height: 50px;
    float: right;
    text-align: center;
}

#PanelPanier {
    font-size: 12px;
    background: url(//static.boutique.orange.fr/medias/newshop/front/resource/cart.gif) no-repeat 12px 1px;
}

#PanelPanier .cart {
    padding-left: 20px;
}


/* ==========================================================================
   Haut de page refonte
   ========================================================================== */
.conteneur-center.legal-notices-wrapper .top-page {
    font: normal 14px/27px helvetica55,Arial,sans-serif;
    padding: 0 36px 0 0;
    background: url(//static.boutique.orange.fr/medias/newshop/css/css-990/skin-common/go-top.png) no-repeat 100% 0;
}
.conteneur-center.legal-notices-wrapper .top-page::before {
    background: none;
    content: " ";
    display: inline-block;
    height: 0;
    margin-right: 0;
    vertical-align: middle;
    width: 0;
}
/* ==========================================================================
   Mentions légales
   ========================================================================== */

.legal-notices-wrapper .see-mentions{
    color: #000;
    font: normal 14px/18px helvetica75,Arial,sans-serif; 
}

.legal-notices-wrapper .see-mentions:after{
    background-position: 0 -205px;
}

.legal-notices-wrapper .see-mentions.on:after {
    background-position: 0 -226px;
}

.legal-notices-wrapper .legal-notices {
    border: none;
    font-size: 12px;
    line-height: 15px;
    padding: 0;
    color: #000;
}

#wrapper-mentions{
    margin: auto;
    width: 990px;
}
/*END:https://static.boutique.orange.fr/medias/newshop/css/css-990/common-new-brand.css*/
/* 2020-9-29-7201-1 /!\ 02/10/2020 04:02:14 */

/*BEGIN:https://static.boutique.orange.fr/medias/newshop/accessoires/css/popin/popin-alerte-max.css*/
.popin-alerte-max .btn-close-popin {
    position: absolute;
    background: url(//static.boutique.orange.fr/medias/newshop/accessoires/css/popin/skin-popin-common/close-popin-transparent.png) no-repeat scroll 0 0 transparent;
    display: block; 
    height: 15px;
    overflow: hidden;
    width: 15px;
    top: 12px;
    right: 12px;
}
.popin-alerte-max {
    background: #fff;
    width: 696px;
    padding: 42px 42px 39px;
    position: relative;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: normal 16px/18px orangesans55,Arial,sans-serif;
    position: fixed;
    top: 25%;
    left: 50%;
    margin-left: -348px;
}
.popin-alerte-max .title { 
    margin-bottom: 5px;  
    font: normal 23px/27px helvetica75,Arial,sans-serif;
}
.popin-alerte-max .bt-popin {
    overflow: hidden;
}
.popin-alerte-max .bt-popin a {
    border: 2px solid #000;
    color: #000; 
    height: 36px;
    font: normal 16px/34px helvetica75,Arial,sans-serif;
    text-decoration: none;
    display: inline-block;
    width: 115px;
    background: #fff;
    padding: 0;
    margin-top: 35px;
    text-align: center;
    float: right;
}
.popin-alerte-max .bt-popin a:hover {
    background: #000;
    color: #fff;
}
/*END:https://static.boutique.orange.fr/medias/newshop/accessoires/css/popin/popin-alerte-max.css*/
/* 2020-9-29-7201-1 /!\ 02/10/2020 04:02:14 */

/*BEGIN:https://static.boutique.orange.fr/medias/newshop/css/css-990/popin/popin-intention.css*/
.popin-intention .closePopin {
    background: url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-common/close-popin-transparent.png) no-repeat scroll 0 0 transparent;
    border: none;
    display: block; 
    height: 15px;
    overflow: hidden;
    position: absolute;
    text-indent: -20000px;
    width: 15px;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.popin-intention a {
    outline: 0;
    display: block;
}
.popin-intention.popin-2boutons,
.popin-intention.popin-3boutons {
    width: 696px;
    background: #fff;
    color: #000;
    position: relative;
    padding-top: 34px;
}
.popin-intention.popin-2boutons .popin-header .titre-identifie, 
.popin-intention.popin-2boutons .popin-header .titre-intention,
.popin-intention.popin-3boutons .popin-header .titre-identifie, 
.popin-intention.popin-3boutons .popin-header .titre-intention {
    font: normal 23px/27px helvneue75,Arial,sans-serif;
    color: #000;
    text-align: center;
}
.popin-intention.popin-2boutons #popin-content .header-connexion,
.popin-intention.popin-3boutons #popin-content .header-connexion {
    position: absolute;
    top: 39px;
    right: 24px;
}
.popin-intention.popin-2boutons #popin-content,
.popin-intention.popin-3boutons #popin-content {
    display: table;
    padding-top: 38px;
}
.popin-intention.popin-3boutons #popin-content .bloc-bouton {
    display: table-cell;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 41px;
    vertical-align: top;
}
.popin-intention.popin-3boutons #popin-content .bloc-bouton.prospect {
    width: 256px;
    background: #50be87;
}
.popin-intention.popin-3boutons #popin-content .bloc-bouton.client {
    width: 441px;
    background: #ffd200;
}
.popin-intention.popin-3boutons #popin-content .bloc-bouton .btlarge {
    display: table;
    text-align: center;
    margin: 0px auto;
}
.popin-intention.popin-3boutons #popin-content .bloc-bouton .btlarge a {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}
.popin-intention.popin-3boutons #popin-content .bloc-bouton .btlarge a:first-child {
    padding-right: 9px;
}
.popin-intention.popin-3boutons #popin-content .bloc-bouton .header-bouton {
    font: normal 14px/18px helvneue75,Arial,sans-serif;
    color: #000;
    margin-bottom: 21px;
    display: block;
}
.popin-intention.popin-3boutons #popin-content .bloc-bouton .header-bouton strong {
    font-weight: normal;
}
.popin-intention.popin-3boutons #popin-content .bloc-bouton a img {
    display: block;
    margin: 0 auto 14px;
}
.popin-intention.popin-2boutons #popin-content .bouton-popin span,
.popin-intention.popin-3boutons #popin-content .bloc-bouton a span {
    border: 2px solid #000;
    color: #000; 
    font: normal 14px/40px helvneue75,Arial,sans-serif;
    height: 36px;
    text-decoration: none;
    display: inline-block;
    padding: 0 18px;
}

.popin-intention.popin-2boutons #popin-content .bouton-popin:hover span,
.popin-intention.popin-3boutons #popin-content .bloc-bouton a:hover span {
    border: 2px solid #000;
    color: #fff; 
    background: #000;
}
/* cas authentifi� + Cas incompatibilit� */
.popin-intention.popin-3boutons.identifie {
    width: 906px
}
.popin-intention.popin-3boutons.popin-incompatibilite {
    width: 906px;
}
.popin-intention.popin-3boutons.identifie #popin-content .bloc-bouton.prospect,
.popin-intention.popin-3boutons.popin-incompatibilite #popin-content .bloc-bouton.prospect {
    width: 303px;
}
.popin-intention.popin-3boutons.popin-incompatibilite #popin-content .bloc-bouton.client {
    width: 529px;
}

.popin-intention.popin-3boutons.identifie #popin-content .bloc-bouton.client{
    padding-right: 24px;
    padding-left: 24px;
    width: 481px;
}
.popin-intention.popin-3boutons.popin-incompatibilite .content .header-connexion .deconnexion {
    margin-top: 0;
}
.popin-intention.popin-3boutons.popin-incompatibilite #popin-content {
    padding-top: 16px;
}
.popin-intention.popin-3boutons.identifie .popin-header .titre-identifie,
.popin-intention.popin-3boutons.identifie .popin-header .titre-intention,
.popin-intention.popin-3boutons.popin-incompatibilite .popin-header .titre-identifie,
.popin-intention.popin-3boutons.popin-incompatibilite .popin-header .titre-intention {
    text-align: left;
    padding: 0 24px;
}

.popin-intention.popin-3boutons.identifie .popin-header .titre-identifie,
.popin-intention.popin-3boutons.popin-incompatibilite .popin-header .titre-identifie {
    font-size: 28px;
}
.popin-intention.popin-3boutons.identifie .popin-header .titre-intention,
.popin-intention.popin-3boutons.popin-incompatibilite .popin-header .titre-intention  {
    font: normal 18px/24px helvneue55,Arial,sans-serif;
    padding-top: 24px;
}

.popin-intention.popin-3boutons.popin-incompatibilite #popin-content .bloc-bouton .btlarge a:first-child {
    padding-right: 43px;
}
.popin-intention.popin-3boutons.popin-incompatibilite #popin-content .bloc-bouton p {
    padding-bottom: 40px;
    color: #000;
    font-size: 20px;
    font-family: helvneue75,Arial,sans-serif;
}
.popin-intention.popin-3boutons.popin-incompatibilite #popin-content .bloc-bouton p strong {
    font-weight: normal;
}

.popin-intention.popin-3boutons.identifie #popin-content .bloc-bouton.client a span {
    height: 33px;
    line-height: 1;
    padding-top: 7px;
}

/* cas authentifi� + FMO */
.popin-intention.popin-3boutons.popin-intention-composeur.popin-demande-intention.identifie {
    width: 696px;
}
.popin-intention.popin-3boutons.identifie.popin-fmo-composeur {
    width: 906px
}
.popin-3boutons.popin-fmo.identifie #popin-content .bloc-bouton.prospect {
   display: none;
}
.popin-3boutons.popin-fmo.identifie #popin-content .bloc-bouton.client {
    width: 906px;
    background: none;
    padding: 0;
}
.popin-intention.popin-3boutons.popin-fmo.identifie #popin-content .bloc-bouton .btlarge a {
    width: 453px;
    background: #ffd200;
    padding-bottom: 45px;
}
.popin-intention.popin-3boutons.popin-fmo.identifie #popin-content .bloc-bouton .btlarge a:first-child {
    background: #50be87 
}
/* tablette 2bt */
.popin-intention.popin-3boutons.tablette3Bt {
    width: 906px;
    padding-top: 42px;
}
.popin-intention.popin-3boutons.tablette3Bt #popin-content .bloc-bouton.prospect {
    width: 340px;
}
.popin-intention.popin-3boutons.tablette3Bt #popin-content .bloc-bouton.client {
    width: 566px;
}
/* tablette 2bt */
.popin-intention.popin-3boutons.tablette2Bt {
    width: 906px;
    padding-top: 42px;
}
.popin-intention.popin-3boutons .popin-header .titre-identifie {
    font-size: 26px;
}
.popin-intention.popin-3boutons.tablette2Bt #popin-content .bloc-bouton.prospect,
.popin-intention.popin-3boutons.tablette2Bt #popin-content .bloc-bouton.client {
    width: 453px;
}
.popin-intention.popin-3boutons.tablette2Bt  #popin-content .bloc-bouton .header-bouton {
    font-size: 20px;
    line-height: 24px;
    height: 48px;
}
.popin-intention.popin-3boutons.tablette2Bt #popin-content .bloc-bouton a img {
    margin-top: 0;
    margin-bottom: 42px;
}
.popin-intention.popin-3boutons.tablette2Bt #popin-content .bloc-bouton a span {
    font-size: 16px;
}
/* popin 2 boutons - d�j� client */
.popin-intention.popin-2boutons #popin-content {
    width: 100%;
}
.popin-intention.popin-2boutons #popin-content .bt-left,
.popin-intention.popin-2boutons #popin-content .bouton-popin.nouvelle-ligne {
    display: table-cell;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 41px;
    vertical-align: top;
    background: #ffd200;
    margin: 0 auto;
    width: 453px;
}
.popin-intention.popin-2boutons #popin-content .bt-left {
    background: #50be87 
}
.popin-intention.popin-2boutons #popin-content img {
    display: block;
    margin: 0 auto;
}
/* rupture stock */
.popin-intention.rupture-stock .popin-header {
    padding-top: 42px;
}
/*------------------- Popin recevoir alert -----------------------*/
/** Entete **/
#content.popin-alert .popin-header{
    height: 61px;
    padding: 0 42px;
    border-bottom: 1px solid #ccc;
    background: transparent url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-unavailable-product/bkg-header-popin.gif) repeat-x 0 0;
}
#content.popin-alert .popin-header p{
    display: block;
    height: 61px;
    padding: 0 0 0 42px;
    font-size: 18px;
    line-height: 61px;
    background: transparent url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-unavailable-product/bkg-header-popin-text.png) no-repeat 0 50%;
    text-align: left;
    font-family: helvneue55,Arial,sans-serif
}
.popin-intention.popin-2boutons, .popin-intention.popin-3boutons.popin-alert {
    padding-top: 0;
}
.popin-intention.popin-2boutons.popin-dejaclient-composeur.popin-intention-deja-client{
    padding-top: 34px;
}
#content.popin-alert .popin-content {
    padding: 16px 42px 30px;
}

#content.popin-alert #popin-content {
    padding: 0
}
#content.popin-alert .popin-content .popin-texte {
    font-size: 18px;
    height: 50px;
    line-height: 27px;
}

#content.popin-alert .popin-content .popin-texte.no-height{
    height: inherit;
}

#content.popin-alert .popin-content .popin-form-item p.popin-texte {
    font-size: 13px;
    padding-top: 20px;
}
#content.popin-alert .popin-content .popin-form-item input {
    background: transparent url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-unavailable-product/bkg-popin-input-text.png) no-repeat scroll 0 0;
    border-width: 0;
    height: 24px;
    padding: 0 5px;
    width: 250px;
}
#content.popin-alert #popin-content .bt-popin {
    text-align: right;
}
#content.popin-alert #popin-content a {
    display: inline-block;
    float: none;
}
#content.popin-alert #texte-confirmer {
    font-size: 13px;
    padding: 0 40px 40px;
}

#content.popin-alert .popin-content .popin-form-item .error {
    font-size: 13px;
    line-height: 18px;
    margin: 9px 0 0;
    color: #FF0000
}

/*------------------- Fin popin recevoir alert -----------------------*/
/*END:https://static.boutique.orange.fr/medias/newshop/css/css-990/popin/popin-intention.css*/


/*BEGIN:https://static.boutique.orange.fr/medias/newshop/css/css-990/popin/popin-nouvelle-ligne.css*/
/* popin nouvelle ligne */
.popin-nouvelle-ligne { background: url(//static.boutique.orange.fr/medias/newshop/css/css-990/popin/skin-popin-intention/bkg-popin.png) repeat-x bottom left #f6f7f8; border-radius: 5px; width: 700px; }

/* header */
.popin-nouvelle-ligne > .content { padding: 0 42px; overflow: hidden; }
.popin-nouvelle-ligne > .content > .popin-header { margin: 46px 0 45px; }
.popin-nouvelle-ligne > .content > .popin-header .titre-identifie,
.popin-nouvelle-ligne > .content > .popin-header .titre-intention { text-align: left; }
.popin-nouvelle-ligne > .content > .bt-popin { float: right; margin-bottom: 45px; }
.popin-nouvelle-ligne > .content > .bt-popin a:first-child { margin-right: 30px; }

.popin-nouvelle-ligne .bt-popin .Btn06 span { height:46px;line-height: 1.2; padding-top: 9px; }
.popin-confirmation-nouvelle-ligne .bt-popin .Btn06 span { height:46px;line-height: 1.2; padding-bottom: 11px; padding-top: 6px; }


/* Panier */
.popin-nouvelle-ligne .bt-popin .Btn02{width:210px;}
.popin-nouvelle-ligne .bt-popin .Btn02 span {line-height:1.2;padding-top: 9px;height:48px; }

.popin-nouvelle-ligne .bt-popin .Btn01{width:300px;}
.popin-nouvelle-ligne .bt-popin .Btn01 span{height:48px;line-height:1.2;padding-top:9px;}

/* Popin EDP */
.popin-nouvelle-ligne .bt-popin.edp .Btn01{width:200px;}
/*END:https://static.boutique.orange.fr/medias/newshop/css/css-990/popin/popin-nouvelle-ligne.css*/


/*BEGIN:https://static.boutique.orange.fr/medias/newshop/css/css-990/popin/popin-annulation.css*/
.popin-nouvelle-ligne.popin-confirmation-annulation-intention .content .popin-header .titre-identifie { 
    font-size: 28px; 
}
.popin-intention .content .header-connexion { position: absolute; top: 62px; right: 42px; text-align: right; line-height: 18px; }
.popin-intention .content .header-connexion .deconnexion { line-height: 18px; margin-top: 9px; display: inline-block; }
.popin-intention .content .header-connexion .deconnexion a{ padding-left: 20px; background: url(//static.boutique.orange.fr/medias/newshop/css/css-990/skin-common/chevron-barre.png) no-repeat 0 1px; }
.popin-nouvelle-ligne.popin-confirmation-annulation-intention .content .header-connexion .deconnexion { background-position: 0 0; }

.popin-intention.popin-confirmation-annulation-intention .content .bt-popin { float: none; margin-bottom: 45px; overflow: hidden; text-align: center }
.popin-nouvelle-ligne.popin-confirmation-annulation-intention .content .bt-popin .Btn02{ float: none; display: inline-block; width:213px;height:48px;margin-right: 42px;line-height:48px;}
.popin-nouvelle-ligne.popin-confirmation-annulation-intention .content .bt-popin .Btn01{ float: none; display: inline-block;padding-right:18px;width:235px;}
.popin-nouvelle-ligne.popin-confirmation-annulation-intention .content .bt-popin .Btn01 span{padding-right:18px;}


.popin-nouvelle-ligne.popin-confirmation-annulation-intention .content .bt-popin .Btn02 span {height:48px;line-height: 1.2;padding-top: 9px; }

.popin-intention.popin-confirmation-annulation-intention .content .header-connexion{top:32px;}
.popin-intention.popin-confirmation-annulation-intention > .content .header-connexion + .popin-header { margin-top: 56px;}

/* Annulation nouvelle ligne */

.popin-nouvelle-ligne.popin-confirmation-annulation-intention .content .bt-popin.nvLigne .Btn02 span {line-height:48px;padding-top: 0; }

.popin-nouvelle-ligne.popin-confirmation-annulation-intention .content .bt-popin.nvLigne .Btn01 span{height:48px;line-height:1.2;padding-top:9px;}
/*END:https://static.boutique.orange.fr/medias/newshop/css/css-990/popin/popin-annulation.css*/