#header{background:url(../img/top_bg.gif) no-repeat;position:absolute;z-index:1;height:110px;width:736px;overflow:hidden;}
#home{position:absolute;top:5px;left:12px;color:#CCC;}
#titleTop{font-size:11px;margin-bottom:2px;}
#wrapper{width:955px;}
#wrapper #content{float:left;width:728px;padding-left:20px;margin-right:10px;}
#wrapper #content #left{float:left;}
#wrapper #content #right{float:right;}
#wrapper #right_panel{float:left;width:190px;}
#footer{clear:left;width:750px;}
#footer #mentions{margin:15px 0 15px 20px;font-size:10px;color:#666}

/***** home links *****/
#home a img{border-bottom:1px solid black;}
#home a:hover img{border-bottom:1px solid #ccc;}
#home .separ{border-right:1px solid #ccc;margin:0 10px;position:relative;top:-2px;}

/***** logo & banner *****/
#logo{margin-top:104px;position:relative;z-index:3;margin-left:4px;margin-bottom:10px;}
#banner{margin-top:56px;}

/***** hr *****/
.hr{background:url(../img/hr_bg.gif) repeat-x;height:7px;clear:both;margin-bottom:10px;margin-bottom:15px;}
.hr .goleft{float:left;}
.hr .goright{float:right;}

/***** box shadow *****/
.boxshadow00, .boxshadow01, .boxshadow01x2, .boxshadow02, .boxshadow03, .boxshadow{background-position:0 bottom;background-repeat:no-repeat;padding-bottom:0px;margin-bottom:10px;}
.bswrap, .bstop{padding:12px 8px 8px;background-repeat:no-repeat;overflow:auto;height:1%;} /* hei1% :masta ie bug */
.bswrap{padding-right:15px;}
.bsicon{padding-left:100px;}
.bsicon .icon{float:left;margin-left:-80px;}

.boxshadow00 .bswrap, .boxshadow00 .bstop{padding-top:8px;} 

.boxshadow, .boxshadow02, .boxshadow03, .bsfit{margin-left:-8px;margin-right:-8px;}
.boxshadow .title, .boxshadow02 .title, .boxshadow03 .title{font-size:17px;margin:0 0 10px;}
.boxshadow00{background-image:url(/img/espace-client/boxshadow00-bot.png);width:181px;}
.boxshadow00 .bstop{background-image:url(/img/espace-client/boxshadow00-top.png);}
.boxshadow01{background-image:url(/img/espace-client/boxshadow01-bot.png);width:350px;}
.boxshadow01 .bstop{background-image:url(/img/espace-client/boxshadow01-top.png);}
.boxshadow02, #grid1side #content .boxshadow{background-image:url(/img/espace-client/boxshadow02-bot.png);width:520px;}
.boxshadow02 .bstop, #grid1side #content .boxshadow .bstop{background-image:url(/img/espace-client/boxshadow02-top.png);}
.boxshadow03, #content .boxshadow{background-image:url(/img/espace-client/boxshadow03-bot.png);width:720px;}
.boxshadow03 .bstop, #content .boxshadow .bstop{background-image:url(/img/espace-client/boxshadow03-top.png);}

.boxshadow01x2{background-image:url(/img/espace-client/boxshadow01x2-bot.png);width:726px;}
.boxshadow01x2 .bstop{background-image:url(/img/espace-client/boxshadow01x2-top.png);overflow:auto;height:1%;}
.boxshadow01x2 .bswrap{width:318px;float:left;}
.boxshadow01x2 .bsicon{width:226px;}
.boxshadow01x2 .even{float:right;}
.boxshadow01x2 .ul01{margin-bottom:0;}


/***** menu *****/
#header #menu{list-style:none;margin:0;padding:0;}
#header #menu a{display:block;background-repeat:no-repeat;text-indent:-2000px;overflow:hidden;}
#header #menu .item1{float:left;margin-left:6px;margin-top:59px;}
#header #menu .item2{float:left;margin-left:4px;margin-top:49px;}
#header #menu .item3{float:left;margin-left:4px;margin-top:33px;}
#header #menu .item4{float:left;margin-left:4px;margin-top:21px;}
#header #menu .item5{float:right;margin-left:1px;}
#header #menu .item6{float:right;margin-left:1px;margin-top:15px;}

#header #menu .item1 a{background-image:url(/img/menu/forfaits-classiques.gif);width:88px;height:44px;}
#header #menu .item2 a{background-image:url(/img/menu/forfaits-bloques.gif);width:69px;height:41px;}
#header #menu .item3 a{background-image:url(/img/menu/forfaits-sans-engagement.gif);width:104px;height:47px;}
#header #menu .item4 a{background-image:url(/img/menu/telephones.gif);width:85px;height:44px;}
#header #menu .item5 a{background-image:url(/img/menu/espace-client.gif);width:108px;height:40px;}

#header #menu .item1 a:hover{background-image:url(/img/menu/forfaits-classiques-on.gif);}
#header #menu .item2 a:hover{background-image:url(/img/menu/forfaits-bloques-on.gif);}
#header #menu .item3 a:hover{background-image:url(/img/menu/forfaits-sans-engagement-on.gif);}
#header #menu .item4 a:hover{background-image:url(/img/menu/telephones-on.gif);}
#header #menu .item5 a:hover{background-image:url(/img/menu/espace-client-on.gif);}

#header #menu .item1 a.selected{background-image:url(/img/menu/forfaits-classiques-s.gif);}
#header #menu .item2 a.selected{background-image:url(/img/menu/forfaits-bloques-s.gif);}
#header #menu .item3 a.selected{background-image:url(/img/menu/forfaits-sans-engagement-s.gif);}
#header #menu .item4 a.selected{background-image:url(/img/menu/telephones-s.gif);}
#header #menu .item5 a.selected{background-image:url(/img/menu/espace-client-s.gif);}

.gsm-logo{width:180px;height:70px;overflow:hidden;float:right;margin-top:-10px;}

.phone-inline{margin-bottom:15px;border-bottom:1px solid #dbdbdb;}
.phone-inline .img{float:left;margin-right:5px;}
.phone-inline .info-left{width:125px;text-align:center;margin-right:20px;}


/***** settings *****/
.infocols{overflow:hidden;height:1%;}
.info-left{float:left;margin-right:10px;}
.info-right{display:block;overflow:hidden;height:1%;}

.grid2col{overflow:hidden;height:1%;}
.grid2col .col-left{float:left;width:48%;}
.grid2col .col-right{float:right;width:48%;}



/***** text, title & opts *****/
.title01, .title02, .title03, .title04, .title05, .title06{margin:0;font-weight:900;}
.title01{font-size:24px;margin-bottom:25px;}
.title02{font-size:22px;margin-bottom:25px;}
.title03{font-size:19px;margin-bottom:15px;}
.title04{font-size:17px;margin-bottom:15px;}
.title05{font-size:16px;margin-bottom:10px;}
.title06{font-size:14px;margin-bottom:10px;}
.title07{font-size:12px;margin-bottom:10px;font-weight:300;}
.title08{font-size:12px;margin-bottom:5px;}
.title00{font-size:11px;font-weight:300;}

.fwoff{font-weight:300;}

.subtitle01{margin-top:-20px;}
.subtitle02{margin-top:-15px;}
.subtitle03{margin-top:-10px;}

.ocolor, .ocolor a, .ocolor a:visited{color:#d8510e;}
.lcolor, .lcolor a, .lcolor a:visited{color:#69625d;}

a.obullet, a.obullet:visited{background:url(/img/arrow_orange_shadow.gif) 0 4px no-repeat;text-decoration:none;padding-left:20px;}
a.obullet:hover{background-image:url(/img/arrow_orange_shadow_hover.gif);color:#D31E0C;}


/***** various *****/
a.alignRight{display:block;text-align:right;margin-top:20px;}
.box_header{padding:10px;}
.box_header h5{margin:0 0 10px 0;font-size:16px;font-weight:700;}
.box_header ul{color:#d85111;font-size:12px;font-weight:900;padding-left:13px;margin-left:0;}

.box_title{background:url(../img/dropsha-title.gif) no-repeat;padding:7px 6px 6px 6px;width:519px;margin-left:-6px;}

.box_phone_blue{width:140px;height:180px;}
.box_phone_blue .phone_name{margin-bottom:10px;display:block;background:url(../img/arrow_orange_shadow_hover.gif) 0 2px no-repeat;padding-left:18px;font-weight:bold;color:#d8510e;}
.box_phone_blue .phone_pic{float:left;margin-right:10px;}
.box_phone_blue .phone_price{margin-top:10px;margin-bottom:10px;}
.box_phone_blue .btn-inscrire{display:block;margin-top:5px;}

p{ margin-top:5px; margin-bottom:5px; font-size:1.1em}

.ol-optionsSms{list-style:none;margin:0 0 20px 0;padding:0;}
.ol-optionsSms li{height:1%;border-bottom:1px solid #e4e4e4;padding:5px 15px;position:relative;cursor:pointer;}
.ol-optionsSms li.hover{border-bottom:1px solid #c8c8c8;}
.ol-optionsSms input, .ol-optionsSms img{vertical-align:middle;}
.ol-optionsSms input{margin-right:20px;}
.ol-optionsSms .phone{margin-right:5px;}
.ol-optionsSms .price{position:absolute;right:72px;}
.ol-optionsSms .ttc{vertical-align:bottom;position:absolute;right:20px;bottom:12px;}
.ol-optionsSms li.bestChoice{padding:8px 15px;border-bottom:0;background:url(/img/misc-option-sms-border.gif) no-repeat;}
.ol-optionsSms li.bestChoice .bubble{position:absolute;top:-54px;right:63px;}
.table01{font-size:11px;margin-left:-5px;}
.table01 input{padding:2px 4px;}
.table01 td{padding:5px;}


.mb0{margin-bottom:0;}
li{font-size:1.1em}


.box521{width:521px;background:url(/img/box521-bot.gif) 0 bottom no-repeat;padding-bottom:13px;margin-bottom:15px;}
.box521 img{display:block;}
.box521 p{margin:0 0 12px 0;}
.box521 .content{background:url(/img/box521-bg.gif) 0 bottom repeat-y;padding:10px 15px 0 15px;}


ul.bubble{margin-left:20px;list-style-type:none;padding:0;font-size:1em;}
ul.bubble li{margin-bottom:10px;}
ul.bubble li li{margin-bottom:0;}
ul.bubble .number{
background:url(/img/icon_bubble.gif) no-repeat;
height:20px;
width:20px;
padding-top:3px;
padding-left:7px;
color:white;
font-weight:bold;
float:left;
}

ul.bubble .bis{background:url(/img/icon_bubble_bis.gif) no-repeat;color:#2396c8;}

ul.bubble .text{
float:left;
width:430px;
padding:10px 0 0 10px;
}
ul.bubble .text li{
font-size:1em;
}

span.large{font-weight:900;font-size:14px;}

.clearing{clear:both;font-size:0;}

h1 {
	font-size: 2.4em;
	padding: 0;
	margin: 0;
}
h2.thin {
	font-weight: normal;
  margin-top:0;
}

h2{font-size:2em}
h2.detail_phone{border-bottom:1px solid #E5E5E5; width:300px;}

h3{font-size:2em}

h4{font-size:1.5em}

h3.step_prelevement{margin-left:98px; _margin-top:15px; _margin-bottom:0;}
h3.form{margin-top:5px}

h3.orange{color:#DB692D;}
.orange{color:#DB692D;}

ul.step_prelevement{margin-left:60px; _margin-left:100px; list-style-type:none}

a.file{color:#DB692D; font-size:11px; font-weight:bold; text-decoration:none; background-image:	url(../img/icon_fichier.gif); background-repeat:no-repeat; padding-left:15px; display:block; height:15px;}
a.file:hover{color: #D31E0C;}

a.back {color: #d8510e;	text-decoration: underline;	font-weight:bold;background-image: url(../img/arrow_plain_b_orange.gif);background-repeat:no-repeat; background-position: center left; padding-left:17px; font-size:11px; }
a.back:hover {color: #d31e0c;}

.row_step{ border:1px solid #d3d3d3;margin-bottom:2px;min-height:44px;	width:520px;}
.vignette{float:left;}
.step{  margin-left:140px; }
.step_portabilite{ 	margin-left:100px;}
.step_list {margin-left:115px; _margin-left:155px; margin-top:0;padding-top:0; top:0;}
.step_prelevement{margin-left:100px}

.generic{min-height:600px;}
.questions{display:block;}
.mandatory {color: #CC0000; }
.label_form{padding-left:30px;}
.need_help{background-image:url(../img/menu_bg_last2.gif); background-position: bottom center;background-repeat: no-repeat;text-align:center;}
.img_right_home{width:177px}
.spacer { clear: both; padding: 0; border: 0; margin: 0; height: 0px; font-size: 0px; min-height: 100%;}
.kit_pieton{font-size:14px}
.kit_pieton_info{color:#B3B3B3; font-weight:bold}
.vignette_tel{float:left;margin-right:15px; border:3px solid #dbdbdb;}
.label_form{padding-left:30px; font-size:1.1em; }
.current_step{font-weight:bold}
.level2-menu ul .item_sub_sub {padding-left:30px;background: url('../img/menu_bg.gif') top left no-repeat; width:150px;}
.level2-menu ul .item_sub_sub_selected {padding-left:30px;background: url('../img/menu_bg.gif') top left no-repeat;	font-weight:bold; width:150px;}
.img_prelevement{ margin-bottom:13px; line-height:0.2}
.form_step1{background-image:url(../img/parrainage-step-1-1.gif); background-repeat:no-repeat; font-weight:bold;  padding-top:20px; _padding-top:10px;}
.form_step1_done{background-image:url(../img/parrainage-step-1-2.gif); background-repeat:no-repeat; font-weight:bold; margin-left:30px; padding-top:16px; _padding-top:7px;}
.form_step2{background-image:url(../img/parrainage-step-2-1.gif); background-repeat:no-repeat;  padding-top:16px; font-weight:bold; _padding-top:7px;}
.form_step2_done{background-image:url(../img/parrainage-step-2-2.gif); background-repeat:no-repeat; font-weight:bold; margin-left:30px; padding-top:16px; _padding-top:7px;}
.form_step2_off{background-image:url(../img/parrainage-step-2.gif); background-repeat:no-repeat;  padding-top:20px; _padding-top:10px;}
.form_step3{background-image:url(../img/parrainage-step-3-1.gif); background-repeat:no-repeat;  padding-top:16px; font-weight:bold; _padding-top:7px;}
.form_step3_done{background-image:url(../img/parrainage-step-3-2.gif); background-repeat:no-repeat; font-weight:bold; margin-left:30px; padding-top:16px; _padding-top:7px;}
.form_step3_off{background-image:url(../img/parrainage-step-3.gif); background-repeat:no-repeat;  padding-top:20px; _padding-top:10px;}
.form_step4{background-image:url(../img/parrainage-step-4-1.gif); background-repeat:no-repeat;  padding-top:16px; font-weight:bold; _padding-top:7px;}
.form_step4_off{background-image:url(../img/parrainage-step-4.gif); background-repeat:no-repeat;  padding-top:20px; _padding-top:10px;}


.sep_fin{_margin:0; _padding:0; margin-left:-20px;width:520px; _width:490px; height:1px}
.text-small{color:#b6b5b5}
#menu_product ul, #menu_product li{  }
#menu_product li{ width:33%; border:1px solid #E5E5E5; text-align:center; height:20px; line-height:1.8; font-weight:bold}
	
div#presentation ul{ border:1px solid red;}
div#presentation li{display:block; border:none;  width:100%; text-align:left; text-align:left; height:auto; width:auto}
	
ol.questions{padding-left:0; margin-left:0px; list-style-type:none;}	
.main_form{padding:0 18px 0 20px; _margin:-10px}
.tarif_top{ height:5px;background-image:url(../img/degrade_jaune_bottom.gif); background-repeat:no-repeat; background-position:top}
.tarif_bottom{background-image:url(../img/degrade_jaune_top.gif); background-repeat:no-repeat; background-position:bottom}
.prix {
	font-weight: bold;
	color: #000000;
}
.tarifs_tel{font-size:1.15em}
.tab_comparatif{border-bottom:1px solid #d8d8d8;}
.ligne_paire{ background-color:#fcf9e2; border-bottom:1px solid #d8d8d8;}
.ligne_impaire{ background-color:#FFFFFF; border-bottom:1px solid #d8d8d8;}
.comparatif{margin:0; padding:0; width:520px; height:240px;}
.menu_phone{display:inline;  float:left;width:113px; border:1px solid #E5E5E5; text-align:center; height:20px; line-height:1.8; font-weight:bold}
.tab_cat{ margin-top:5px; margin-bottom:0;}

.menu_phone a {text-decoration:none}

.phone_index{display:inline;width:245px; height:290px; text-decoration:none}
.phone_index:hover{text-decoration:none}
.lien_home{margin-bottom: 5px; margin-top: 10px; margin-left: 10px; font-size: 1.5em; background-position: 0pt 4px;}


.home_menu_tel{_margin-left:15px;}

.mentions {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #666666;
  margin-left: 25px;
  padding-top: 18px;
  background: url(/img/footer_bg01.gif) repeat-x;
}

.mentions b {
  font-size:11px;
}


.fidelisation_step1{background-image:url(../img/fidelisation-step-1-1.gif); background-repeat:no-repeat; font-weight:bold;  padding-top:20px; _padding-top:10px;}
.fidelisation_step1_done{background-image:url(../img/fidelisation-step-1-2.gif); background-repeat:no-repeat; font-weight:bold; margin-left:30px; padding-top:16px; _padding-top:7px;}
.fidelisation_step2{background-image:url(../img/fidelisation-step-2-1.gif); background-repeat:no-repeat;  padding-top:16px; font-weight:bold; _padding-top:7px;}
.fidelisation_step2_done{background-image:url(../img/fidelisation-step-2-2.gif); background-repeat:no-repeat; font-weight:bold; margin-left:30px; padding-top:16px; _padding-top:7px;}
.fidelisation_step2_off{background-image:url(../img/fidelisation-step-2.gif); background-repeat:no-repeat;  padding-top:20px; _padding-top:10px;}
.fidelisation_step3{background-image:url(../img/fidelisation-step-3-1.gif); background-repeat:no-repeat;  padding-top:16px; font-weight:bold; _padding-top:7px;}
.fidelisation_step3_done{background-image:url(../img/fidelisation-step-3-2.gif); background-repeat:no-repeat; font-weight:bold; margin-left:30px; padding-top:16px; _padding-top:7px;}
.fidelisation_step3_off{background-image:url(../img/fidelisation-step-3.gif); background-repeat:no-repeat;  padding-top:20px; _padding-top:10px;}
.fidelisation_step4{background-image:url(../img/fidelisation-step-4-1.gif); background-repeat:no-repeat;  padding-top:16px; font-weight:bold; _padding-top:7px;}
.fidelisation_step4_off{background-image:url(../img/fidelisation-step-4.gif); background-repeat:no-repeat;  padding-top:20px; _padding-top:10px;}

.nav_t2{
  color:#CCCCCC;
  text-decoration:none;
}
.nav_t2:hover{
  text-decoration:underline;
  color:#CCCCCC;
}

.dummy {
  padding: 0;
  margin: 0;
  list-style-type:none;
}

.cache {
  display: none;
}
.compoheader {
  background: url(/img/header/bg.jpg) no-repeat;
  padding: 25px 10px 0 10px;
  float: left;
  width: 241px;
  height: 246px;
}

.main .generic .compoheader h2 {
  font-size: 1.8em;
	margin-left:20px;
}
.main .generic .compoheader p {
  margin-top: 15px;
  font-size: 1.3em;
  font-weight: bold;
	margin-left:20px;
}
.main .generic .compoheader p.red {
  color: #D8510E;
}

.block_gauche{float:left;height:40px;width:150px;margin-bottom:20px;}
.block_droit{float:left;width:340px;}

.cleartop{margin-top:0;padding-top:0;}

/* page A propos de TELE2 Mobile (groupe) */
.groupe h3{margin-top:0px;}
.groupe .pics{float:left;margin:0 20px 10px 0;}
.groupe .title{margin-top:0;font-size:14px;font-weight:900;margin-bottom:15px;}
.groupe .signature{margin-left:350px;}

.box-newsletter form, .box-newsletter input {margin:0;padding:0;}
.box-newsletter{background:url(/img/box-newsletter.gif) no-repeat;padding:88px 0 0 17px;width:166px;height:53px;margin-top:10px;}
.box-newsletter .submit{cursor:pointer;border:none;width:23px;height:23px;background:url(/img/btn-blue-ok.gif) no-repeat;}
.box-newsletter input.text{padding:1px;width:120px;font-size:12px;}
