/* Forfait PC internet mobile */

/* Cover */
.forfait_hd #banniere_n2{height:120px;margin-bottom:10px;padding:10px 15px 0 272px;}
.forfait_hd #banniere_n2,
.forfait_hd #banniere_n2 .contenu{float:left;width:688px;}
.forfait_hd #banniere_n2 .contenu{font-weight:bold;}
.forfait_hd #banniere_n2 .main{width:663px;display:inline;margin-left:25px;line-height:24px;font-size:20px;color:#ff4d00;} /* Titre de la cover */
.forfait_hd #banniere_n2 .secundary{margin-top:8px;padding-left:25px;line-height:17px;font-size:15px;color:#0a3448;background:url(img/offres/n2_internet/cover-numeros.png) no-repeat 0 -17px;}
.forfait_hd #banniere_n2 .first{background-position:0 0;}
.forfait_hd #banniere_n2 .last{background-position:0 -34px;}

.forfait_hd .container-1,
.forfait_hd #forfait_hd_form{float:left;}

/* Titres */
.forfait_hd h2,
.forfait_hd h2 span{font-size:16px;color:#fff;background:url(img/offres/n2_internet/titres-etapes.png) no-repeat;}
.forfait_hd h2{float:left;height:47px;margin:0;padding-left:40px;}
.forfait_hd h2 span{display:block;height:38px;padding:9px 0 0 10px;line-height:38px;background-position:100% 0;}
.forfait_hd #etape_1{width:572px;background-position:0 -94px}
.forfait_hd .inactif #etape_1{background-position:0 -141px;}
.forfait_hd #etape_2,
.forfait_hd #etape_3{width:300px;}
.forfait_hd #etape_2{background-position:0 -188px;}
.forfait_hd .inactif #etape_2{background-position:0 -235px;}
.forfait_hd #etape_2 span{padding-top:12px;line-height:16px;}
.forfait_hd #etape_3{background-position:0 -282px;}
.forfait_hd .inactif #etape_3{background-position:0 -329px;}
.forfait_hd .inactif h2 span{background-position:100% -47px;}

/* Elements communs */
.forfait_hd .block{float:left;padding-bottom:16px;background-repeat:no-repeat;background-position:0 100%;}
.forfait_hd .block .container{float:left;display:inline;margin-left:1px;border-right:2px solid #03b2c2;border-left:2px solid #03b2c2;}
.forfait_hd .inactif .container{border-color:#9ae0e7;}
.forfait_hd .radio{padding:0;} /* tous les boutons radio */

/******************/
/*** BLOC OFFRE ***/
/******************/
.forfait_hd #block_offre{position:relative;overflow:hidden;width:612px;margin-right:13px;}
.forfait_hd #block_offre.inactif{background-image:url(img/offres/n2_internet/offre/bg-bloc-inactif.png);}
.forfait_hd #block_offre .container{width:596px;margin:0;padding:10px 7px 20px 9px;border:0;background:url(img/offres/n2_internet/offre/bg-bloc.png) no-repeat 0 100%;}

/*** Onglets ***/
.forfait_hd #block_offre .onglets{float:left;width:595px;}
.forfait_hd #block_offre .onglets .offre{float:left;position:relative;width:193px;height:128px;padding:10px 2px 0 0;background:url(img/offres/n2_internet/offre/bg-onglets.png) no-repeat;}
.forfait_hd #block_offre .onglets #offre-1,
.forfait_hd #block_offre .onglets #offre-2{padding-right:7px;}
.js #block_offre .onglets #offre-1.active{background-position:0 -138px;}
.forfait_hd #block_offre .onglets #offre-2{background-position:-200px 0;}
.js #block_offre .onglets #offre-2.active{background-position:-200px -138px;}
.forfait_hd #block_offre .onglets #offre-3{background-position:-400px 0;}
.js #block_offre .onglets #offre-3.active{background-position:-400px -138px;}
/* Inputs des onglets Offre */
.forfait_hd #block_offre .onglets .offre .radio{display:none;}
.js #block_offre .onglets .offre .radio{display:block;position:absolute;top:20px;left:8px;width:15px;height:15px;}
/* Labels des onglets Offre */
.forfait_hd #block_offre .onglets .offre_label{display:block;height:118px;padding:10px 20px 0;font-size:15px;text-align:center;}
.js #block_offre .onglets .offre_label{cursor:pointer;}
.js #block_offre .onglets .active .offre_label,
.forfait_hd #block_offre .onglets .offre_label .prix{color:#ff4d00;}
.forfait_hd #block_offre .onglets .offre_label .prix{position:absolute;width:153px;bottom:25px;left:20px;display:block;font-size:12px;}

/* Onglet de l'offre 1 jour */
.forfait_hd_1jour #block_offre .onglets{height:113px;margin:0;padding-top:25px;font-size:25px;color:#ff4d00;text-align:center;background:url(img/offres/n2_internet/offre-1jour/bg-onglet.png) no-repeat;}
.forfait_hd_1jour #block_offre .onglets span{display:block;line-height:20px;font-size:15px;}
.forfait_hd_1jour #block_offre .onglets span span{font-size:12px;}

.forfait_hd #block_offre .offres{float:left;padding-bottom:10px;background:url(img/offres/n2_internet/offre/bg-in2.png) no-repeat 0 100%;}

/*** In-1 ***/
.forfait_hd #block_offre .in-1{float:left;width:591px;padding-bottom:15px;border-right:2px solid #b3b3b3;border-left:2px solid #b3b3b3;}
.forfait_hd #block_offre .in-1 h3,
.forfait_hd #block_offre .in-1 h4{width:551px;margin:0;padding:20px;text-align:center;}
.forfait_hd #block_offre .in-1 h3{/*background-color:#afe2e6;*/font-size:18px;padding:0;}
/* PTA */
.forfait_hd #block_offre .in-1 .offer-choice{width:589px;margin:0 1px;padding:3px 0;font-size:14px;font-weight:bold;text-transform:uppercase;text-align:center;background-color:#afe2e6;}
.forfait_hd #block_offre .in-1 .forfait{overflow:hidden;width:571px;margin:0 1px;padding:14px 9px;background-color:#afe2e6;}
.forfait_hd #block_offre .in-1 .forfait .first{float:left;}
.forfait_hd #block_offre .in-1 .forfait .first,
.forfait_hd #block_offre .in-1 .forfait .last{width:263px;height:27px;padding:6px 0 0 20px;text-align:center;background:url(img/offres/n2_internet/offre/bg-pta.png) no-repeat;}
.forfait_hd #block_offre .in-1 .forfait .last{float:right;margin-left:5px;}
.forfait_hd #block_offre .in-1 .forfait .radio{float:left;margin:3px 3px 0 0;padding:0;border:0;}
.forfait_hd #block_offre .in-1 .forfait .offre_label{float:left;display:inline;width:235px;margin:0 0 0 5px;font-size:12px;color:#02b7c8;text-align:left;cursor:pointer;}
.forfait_hd #block_offre .in-1 .forfait .prix{color:#ff4d00;}
.forfait_hd #block_offre .in-1 .forfait .pas_sup{font-size:16px;}
.forfait_hd #block_offre .in-1 .forfait .exposant{font-size:9px;vertical-align:5px;}
/**/
.forfait_hd #block_offre .in-1 .description{font-size:16px;}
.forfait_hd #block_offre .in-1 .exclu_web{width:571px;height:38px;margin:0 0 23px 10px;background:url(img/offres/n2_internet/offre/bg-excluweb.png) no-repeat;}
.forfait_hd #block_offre .in-1 .exclu_web p{float:left;display:inline;width:446px;margin-left:125px;line-height:38px;font-weight:bold;font-size:12px;color:#02b1c2;}
.forfait_hd #block_offre .in-1 .exclu_web strong{text-transform:uppercase;color:#ff4d00;}
.forfait_hd #block_offre .in-1 dl{float:left;display:inline;width:561px;margin:0 15px 0;}
.forfait_hd #block_offre .in-1 .promos{margin-top:15px;}
.forfait_hd #block_offre .in-1 .promos dd{padding-bottom:20px;}
.forfait_hd #block_offre .in-1 dt{height:25px;margin-bottom:15px;line-height:25px;font-size:14px;text-transform:uppercase;text-align:center;color:#02b7c8;background:url(img/offres/n2_internet/offre/separateur-bleu.png) no-repeat 50% 24px;}
.forfait_hd dd{padding:0 0 10px 10px;background:url(img/puce_02b7c8.png) no-repeat 0 5px;}
.forfait_hd #block_offre .in-1 .promos dt{color:#ff4d00;background-image:url(img/offres/n2_internet/offre/separateur-orange.png);}
.forfait_hd #block_offre .in-1 .promos dd{background-image:url(img/puce_ff4d00.png);}
.forfait_hd #block_offre .in-1 dd img{vertical-align:center;}
.forfait_hd #block_offre .in-1 .mentions{float:left;display:inline;width:561px;margin:15px 15px 0;}
.forfait_hd #block_offre .in-1 .promo{color:#ff4d00;}

/* PTA de l'offre 1 jour */
.forfait_hd_1jour #block_offre .in-1 .forfait{text-align:center;}
.forfait_hd_1jour #block_offre .in-1 .forfait .first{float:none;display:inline-block;text-align:center;}
.forfait_hd_1jour #block_offre .in-1 .forfait .offre_label{font-size:16px;}

/* Boutons submit */
.forfait_hd p.submit{float:left;margin-top:15px;text-align:center;}
.forfait_hd #block_offre p.submit{width:595px;margin-top:0;}
.forfait_hd #block_equipement p.submit,
.forfait_hd #block_recap p.submit{width:323px;}
#offres.forfait_hd input.submit{border:1px solid #b3b3b3;cursor:pointer;}
.js p.submit{display:none;}

/***************************************************/
/* Elements communs aux blocs équipement et recap' */
/***************************************************/
.forfait_hd #block_equipement,
.forfait_hd #block_recap{width:340px;background-image:url(img/offres/n2_internet/equipement/bg-bloc.png);}
.forfait_hd #block_equipement.inactif,
.forfait_hd #block_recap.inactif{background-image:url(img/offres/n2_internet/equipement/bg-bloc-inactif.png);}


/***********************/
/*** BLOC EQUIPEMENT ***/
/***********************/
.forfait_hd #block_equipement h2 span{height:35px;}
.forfait_hd #block_equipement h3{width:311px;height:18px;margin:0;padding:10px 0;line-height:18px;text-align:center;background:url(img/offres/n2_internet/equipement/bg-content-2b.png);}
.js #block_equipement h3{display:none;}

.forfait_hd #block_equipement{float:left;width:340px;padding:0 0 3px 0;}		
.forfait_hd #block_equipement .container{width:323px;padding:10px 6px 23px;}

.forfait_hd #block_equipement .onglets,
.forfait_hd #block_equipement .content-1{float:left;}
.forfait_hd #block_equipement .onglets{width:323px;}
.forfait_hd #block_equipement .onglets .equipement{float:left;position:relative;width:157px;height:77px;padding:13px 3px 0 0;background:url(img/offres/n2_internet/equipement/bg-onglets.png) no-repeat 0 10px;}
.forfait_hd #block_equipement .onglets #equipement_1{padding-right:6px;}
.forfait_hd #block_equipement .onglets #equipement_2{background-position:-163px 10px }
.forfait_hd #block_equipement .onglets #equipement_1.active{background-position:0 -82px;}
.forfait_hd #block_equipement .onglets #equipement_2.active {background-position:-163px -82px;}
.forfait_hd #block_equipement .onglets input{position:absolute;top:20px;left:10px;}
.forfait_hd #block_equipement .onglets label{display:block;width:60px;height:42px;padding:7px 67px 0 30px;font-size:13px;cursor:pointer;}
.forfait_hd #block_equipement .onglets .active label{color:#ff4d00;}

.forfait_hd #block_equipement .content-1{overflow:hidden;width:311px;padding:0 6px 9px 6px;background:url(img/offres/n2_internet/equipement/bg-footer-content-1.png) no-repeat 0 100% #cfeef0}
.forfait_hd #block_equipement .content-1 input{float:left;width:15px;height:15px;padding:0;}
.forfait_hd #block_equipement .content-1 label{float:left;display:block;cursor:pointer;width:51px;font-size:13px;padding:0 0 0 5px;}

.forfait_hd #block_equipement .content-2{float:left;width:311px;display:inline;margin:0 0 14px;padding:0;background:url(img/offres/n2_internet/equipement/bg-content-2b.png) no-repeat 0 100%;}
.js #block_equipement .content-2{width:294px;height:222px;padding:5px 8px 0 9px;background:url(img/offres/n2_internet/equipement/bg-content-2.png) no-repeat 0 0;}
.js #block_equipement .content-2.active{background-position:0 -227px}
.forfait_hd #block_equipement .content-2 label{width:auto;font-size:12px}
.forfait_hd #block_equipement .infos{margin-bottom:14px;font-size:12px;color:#606060;text-align:center}
.forfait_hd #block_equipement .more{float:left;width:311px;text-align:center}
.forfait_hd #block_equipement .more a{color:#606060}

.forfait_hd #block_equipement .box_equipement,
.forfait_hd #block_equipement .content-2 .pta{float:left;width:294px;padding:0 8px 0 9px;}
.forfait_hd #block_equipement .content-2 .pta{width:277px;}
.js #block_equipement .box_equipement{clear:both;margin:15px 0 0 0;padding:0;}
.forfait_hd #block_equipement .box_equipement .visuel{float:left;padding-bottom:10px;}
.forfait_hd #block_equipement .box_equipement .details-equipements{float:right;width:175px;padding-bottom:10px;}

.forfait_hd #block_equipement .box_equipement .prix{font-size:28px;font-weight:bold;color:#ff4d00;line-height:30px;margin:0 0 0 9px;}
.forfait_hd #block_equipement .box_equipement .dispo{line-height:13px;font-size:11px;font-weight:bold;margin:0 0 0 10px;}
.forfait_hd #block_equipement .box_equipement .atouts{margin:20px 0 0 0}
.forfait_hd #block_equipement .box_equipement .atouts li{padding-left:12px;background:url(img/puce_02b7c8.png) no-repeat 5px 6px;}
.forfait_hd #block_equipement .box_equipement .btn-detail{margin:15px 0 0 0}

/***********************/
/***** BLOC RECAP ******/
/***********************/
.forfait_hd #block_recap{margin-top:20px;}
.forfait_hd #block_recap .container{float:left;width:323px;padding:20px 6px 0;}
.forfait_hd #block_recap .recap{float:left;width:315px;padding:0 4px;}
.forfait_hd #block_recap .recap dt{margin-bottom:10px;}
.forfait_hd #block_recap .recap dd{font-weight:bold;background-position:0 9px;}
.forfait_hd #block_recap .recap .pas_sup{font-size:16px;}
.forfait_hd #block_recap .recap .exposant{font-size:11px;}
.forfait_hd #block_recap .recap strong,
.forfait_hd #block_recap .recap .erreur{color:#ff4d00;}
.forfait_hd #block_recap .recap .erreur{line-height:14px;font-size:12px;color:#ff4d00;background:url(img/puce_ff4d00.png) no-repeat 0 5px;}

/* Bouton "Finalisez votre commande" */
#finaliser-commande{display:none;}
.js #finaliser-commande{float:left;display:block;width:323px;height:32px;margin:10px 0;}
.js #finaliser-commande p{width:234px;height:32px;margin:0 auto;}
#finaliser-commande label{float:left;text-indent:-9999em;}
#finaliser-commande input{float:left;width:234px;height:32px;text-indent:-9999em;line-height:9999em;background:url(img/offres/n2_internet/recap/bt-finaliser.png) no-repeat;cursor:pointer;}

/* Offre alternative */
.forfait_hd .alternative{float:left;width:965px;margin:0 0 20px;}
.forfait_hd .alternative,
.forfait_hd .alternative a{font-size:13px;}
.forfait_hd .alternative a{color:#FF4D00;text-decoration:underline;}
.forfait_hd .alternative span{text-transform:uppercase;}

/* Bloc editos */
#content_down #bloc_infos{float:left;margin-top:20px;}

/* Offres Clé Internet 3G+ */
p.main-hd{height:77px;width:704px;padding-top:20px;text-align:center;font-size:30px;color:#ff4d00;background:url(img/offres/n2_hd/bg-hd.png) no-repeat;}
p.main-hd strong{font-size:16px;color:#02b7c8;}
.main-ctt{position:relative;float:left;width:332px;margin:0 10px;display:inline;background-repeat:no-repeat;}
#offer01.main-ctt{background-image:url(img/offres/n2_hd/bg-offer01.jpg);}
#offer02.main-ctt{background-image:url(img/offres/n2_hd/bg-offer02.jpg);}
.main-ctt p.use{height:67px;width:332px;margin:0 0 140px;padding-top:20px;line-height:20px;font-size:18px;text-align:center;color:#0a3448;}
.main-ctt p.use strong{font-size:13px;color:#02b7c8;}
.main-ctt h2{height:55px;font-size:21px;font-weight:normal;text-align:center;color:#009bba;}
.main-ctt .secondary{height:53px;font-size:18px;font-weight:normal;text-align:center;color:#ff4d00;}
.main-ctt p.exclu{margin:21px 0;text-align:center;text-transform:uppercase;}
.main-ctt p.exclu span{vertical-align:7px;font-size:12px;font-weight:bold;color:#ff4d00;}
#offer01.main-ctt img{margin:20px 0 0 60px;}
.main-ctt ol{height:95px;padding:0 0 0 25px;}
.main-ctt ol li{margin:0 0 5px;font-size:16px;line-height:18px;font-weight:bold;list-style:disc;color:#02b7c8;}
.main-ctt span.price{font-size:18px;font-weight:bold;color:#ff4d00;}
.main-ctt ol li span.exposant{color:#ff4d00;}
.main-ctt ol li span.promo{font-size:12px;color:#ff4d00;}
.main-ctt p.link_offer{min-height:27px;}
#IE6 .main-ctt p.link_offer{height:27px;}
.main-ctt p.link_offer a{position:absolute;top:0;left:0;height:27px;width:173px;display:inline-block;background:url(img/offres/n2_hd/btn24-link_offer.png) no-repeat;}
#offer01 p.link_offer a{padding:664px 78px 0 80px;background-position:50% 664px;}
#offer02 p.link_offer a{padding:58px 78px 0 80px;background-position:50% 58px;}
#IE6 .main-ctt p.link_offer a{background-image:url(img/offres/n2_hd/btn8-link_offer.png);}
.main-ctt p.link_offer a span{overflow:hidden;display:inline-block;text-indent:-9999px;}
.main-ctt .in-1{position:relative;width:328px;margin:0 0 20px;overflow:hidden;padding:10px 2px 0;background:url(img/offres/n2_hd/bg-offer_bloc.png) no-repeat 50% 0;}
.main-ctt .in-1.last{margin:0;}
.main-ctt .in-1 h3{float:left;height:40px;width:215px;padding:0 0 0 10px;font-size:16px;color:#02b7c8;}
.main-ctt .in-1 p{float:left;height:40px;width:103px;font-size:12px;line-height:20px;color:#ff4d00;}
.main-ctt .in-1 p.link_offer{height:auto;width:254px;margin-top:6px;}
.main-ctt p.conditions{margin-top:20px;}

/* Tooltips compatibility */
.main-ctt div.tooltip .in-1{overflow:auto;position:static;width:auto;margin:0;padding:0;background-image:none;}
.main-ctt div.tooltip .in-1 p{float:none;width:auto;height:auto;line-height:14px;font-size:11px;color:#0A3448;}
.forfait_hd #block_offre div.tooltip{margin-left:20px;}
.forfait_hd #block_offre div.tooltip .in-1{float:none;width:auto;border:0;border-top:1px solid #03B1C2;padding:0;}