a {

	color: #0066cc;

}

li {

	list-style: none;

	padding: 0 0 10px 0;

}

div#box-offre-dsl h4 {

	color: #0066cc;

	font-weight: bold;

	font-size: 13px;

	padding: 16px 0 15px 0;

	background: url(../images/sep-point-horiz.gif) repeat-x left 35px;

}

div#box-offre-dsl h4.spec {

	color: #000;

	font-weight: bold;

	font-size: 11px;

	padding: 15px 0 0 20px;

	background: none;

}

div#step-by-step {

	height: 121px;

	background: url(../images/logo-titre-page-acces.gif) no-repeat 0 0;

	padding: 40px 0 0 0;

}

div#step-by-step h1 {

	color: #424242;

	font-size: 26px;

	clear: both;

	margin: 0 0 0 40px;

}

div#step-by-step ul {

	/*background: url(../images/sep-step-bleu.gif) repeat-x left bottom;*/

	height: 30px;

	width: 560px;

	margin: 0 0 23px 73px;

}

div#step-by-step li {

	display: block;

	float: left;

	padding: 0 9px 14px 10px;

	color: #0066cc;

	font-size: 13px;

}

div#step-by-step li.active {

	font-weight: bold;

	/*background: url(../images/step-bleu.gif) no-repeat center bottom;*/

}

div#step-by-step li.active1 {
	background: url(../images/step_1_active_small.gif) no-repeat;
	height: 20px;
	width:90px;
}
div#step-by-step li.inactive1 {
	background: url(../images/step_1_inactive_small.gif);
	height: 20px;
	width:150px;
}
div#step-by-step li.active2 {
	background: url(../images/step_2_active_small.gif) no-repeat;
	height: 20px;
	width:75px;
}
div#step-by-step li.inactive2 {
	background: url(../images/step_2_inactive_small.gif);
	height: 20px;
	width:75px;
}
div#step-by-step li.inactive3 {
	background: url(../images/step_3_inactive_small.gif);
	height: 20px;
	width:95px;
}
div#step-by-step li.inactive4 {
	background: url(../images/step_4_inactive_small.gif);
	height: 20px;
	width:90px;
}
div#step-by-step li.inactive5 {
	background: url(../images/step_5_inactive_small.gif);
	height: 20px;
	width:70px;
}


/***************************************/

div#step-by-step1.cmd {

	display:block;
	
	height: 60px;
	
	padding: 30px 0 20px 10px;

}

div#step-by-step1.cmd ul {

	display: block;

	/*width: 85%;*/

	/*background: url(../images/sep-step-bleu.gif) repeat-x left bottom;*/

	height: 38px;

}

div#step-by-step1.cmd li {

	display: block;

	float: left;

	padding: 0 10px 15px 24px;

	color: #0066cc;

	font-size: 18px;

}

div#step-by-step1.cmd li.active {

	font-weight: bold;

	/*background: url(../images/step-bleu.gif) no-repeat center bottom;*/

}

div#step-by-step1.cmd li.active1 {
	background: url(../images/step_1_active.gif);
	height: 30px;
	width:150px;
}
div#step-by-step1.cmd li.inactive1 {
	background: url(../images/step_1_inactive.gif);
	height: 30px;
	width:150px;
}
div#step-by-step1.cmd li.active2 {
	background: url(../images/step_2_active.gif);
	height: 30px;
	width:117px;
}
div#step-by-step1.cmd li.inactive2 {
	background: url(../images/step_2_inactive.gif);
	height: 30px;
	width:117px;
}
div#step-by-step1.cmd li.active3 {
	background: url(../images/step_3_active.gif);
	height: 30px;
	width:160px;
}
div#step-by-step1.cmd li.inactive3 {
	background: url(../images/step_3_inactive.gif);
	height: 30px;
	width:160px;
}
div#step-by-step1.cmd li.active4 {
	background: url(../images/step_4_active.gif);
	height: 30px;
	width:160px;
}
div#step-by-step1.cmd li.inactive4 {
	background: url(../images/step_4_inactive.gif);
	height: 30px;
	width:160px;
}
div#step-by-step1.cmd li.active5 {
	background: url(../images/step_5_active.gif);
	height: 30px;
	width:120px;
}
div#step-by-step1.cmd li.inactive5 {
	background: url(../images/step_5_inactive.gif);
	height: 30px;
	width:120px;
}

/*****************************************/

div.contenu {

	padding: 0 42px;

}

div.contenu div#col-rez-gauche {

	float: left;

	width: 500px;

}

div.contenu div#col-rez-droit {

	float: right;

	width: 280px;

}

.bleu {

	color: #0066CC;

	font-size: 13px;

	font-family: arial;

}

p.q {

	color: #0066cc;

	font-size: 15px;

	padding: 0 0 10px 0;

}

div.boxRez {

	border: 1px solid #0066cc;

	padding: 10px;

	margin: 20px 0 0 0;

}

div.boxRez p {

	/*color: #0066cc;*/

	padding: 0 0 10px 0;

	text-align: center;

	font-size: 13px;

}

div.boxRez p.a {

	color: #000;

	padding: 0 0 10px 0;

	text-align: center;

	font-size: 15px;

}

div.boxRez input.tel {

	width: 250px;

	border: 1px solid #3e3e3e;

	padding: 3px;

	margin: 0 8px;

}

div.boxRez input.txt {

	border: 1px solid #3e3e3e;

	padding: 3px;

}

div.boxRez label {

	display: block;

	float: left;

	width: 140px;

	color: #0066cc;

	font-size: 13px;

}

div.boxRez div {

	padding: 2px 0;

}

div#test-eligibilite-nok {

	background: url(../images/picto-tel.gif) no-repeat right center;

}

div#test-eligibilite-nok p {

	text-align: left;

}

.black{

	color: #000000;

}

div.borderTable{

	padding: 1px;

	background-color:#0066cc;

}

table.listing {

	border: 2px solid #ffffff;

}

table.listing td, table.listing th {

	padding: 4px;

	text-align: center;

	/*border: 1px solid #fff;*/

}

table.listing th {

	background: #e5effa;

	color: #0066cc;

	padding-left: 4px; 

	font-weight:normal;

	font-size:13px;

}

table.listing td {

	background: #bfd9f2;

	color: #000;

	font-size:13px;

}

div.btnActions {

	text-align: center;

	padding: 30px 0 0 0;

}

div.btnActions img, div.btnActions input {

	vertical-align: middle;

	border: none;

}

table.listing td, table.listing th {

	padding: 4px;

}

table.listing-options {

	border: none;

}

table.listing-options th {

	background: #87b7e7;

	color: #fff;

	text-align: center;

	font-weight:normal;

	font-size:13px;

	padding: 2px 0 2px 0;

	height: 24px;

}

table.listing-options td {

	font-size:12px;

	padding: 6px 0 6px 10px;

}

/* -- acces index -- */

div#index-acces {

	width: 600px;

	display: table;

	background: url(../images/logo-titre-page-acces.gif) no-repeat 0 0;

	padding: 65px 0 0 50px;

	

	margin-left: 20px;

}

div#index-acces div {

	float: left;

	width: 30%;

}

div#index-acces div.sep {

	width: 5%;

	background: url(../images/sep-point.gif) repeat-y center top;

	height: 210px;

	margin: 60px 0 0 0;

}

div#index-acces h1 {

	font-size: 20px;

	color: #424242;

	padding: 0;

	height: 60px;

}

div#index-acces p.chapo {

	font-size: 10px;

	font-weight: bold;

	height: 50px;

}

div#index-acces p.desc {

	height: 180px;

	text-align: justify;

}

div#index-acces p.desc a {

	color: #000;

}

div#index-acces p.prix {

	font-size: 10px;

	font-style: italic;

	background: url(../images/bgprix.gif) no-repeat left center;

	padding: 6px 0 6px 30px;

	text-align: left;

	float: right;

}

div#services-asso {

	background: #e6f7fe;

	padding: 10px;

	width: 631px;

	display: table;

	margin: 0 0 0 20px;

}

div#services-asso div {

	float: left;

	width: 46%;

	background: url(../images/sep-point.gif) repeat-y right top;

	padding: 0 20px 0 0;

	margin: 0 20px 0 0;

}

div#services-asso div.last {

	padding: 0;

	margin: 0;

	background: none;

}

div#services-asso h1 {

	color: #424242;

	padding: 0 0 30px 0;

}

div#services-asso h2 a {

	color: #6e7375;

}

div#services-asso p.pre {

	font-size: 10px;

	font-weight: bold;

	padding: 20px 0;

}

div#services-asso p.desc {

	height: 100px;

}

div#services-asso p.prix {

	background: url(../images/bgprix.gif) no-repeat left top;

	float: right;

	padding: 3px 0 10px 30px;

	font-style: italic;

	font-size: 10px;

}

/* -- racoursci -- */

div#actions {

	float: right;

	background: #0066cc;

	text-align: center;

	padding: 0;

	margin: 6px 0 0 0;

}

div#actions div {

	float: left;

	height: 19px;

}

div#actions div.l {

	width: 15px;

	background: url(../images/bg_action_acces.gif) no-repeat left top;

}

div#actions div.r {

	width: 15px;

	background: url(../images/bg_action_acces.gif) no-repeat right top;

}

div#actions ul {

	padding: 2px 0 0 0;

}

div#actions ul li {

	display: inline;

	padding: 0 12px 0 0;

	margin: 0 12px 0 0;

	border-right: 1px solid #fff;

}

div#actions ul li.last {

	padding: 0;

	margin: 0;

	border: none;

}

div#actions ul li a {

	color: #fff;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

}

div#actions ul li a.active {

	color: #000;

}

/* -- entete -- */

div#entete {

	background: url(../images/logo-titre-page-acces.gif) no-repeat 0 0;

	padding: 65px 0 10px 50px;

	

	margin-left: 20px;

}

div#entete h1 {

	color: #005ac6;

	font-size: 26px;

}

div#entete h1 span {

	color: #4a4c4d;

}

div#entete p {

	font-size: 15px;

	padding: 4px 0 0 0;

}

div#info-bull-fibre {

	width: 285px;

	height: 160px;

	background: url(../images/bg_info_details-fibre.gif) no-repeat 0 0 #e6f5fc;

	padding: 10px 20px;

}

div#info-bull-fibre a.titre {

	color: #005ac6;

	font-size: 16px;

}

div#info-bull-fibre p {

	color: #005ac6;

	padding: 5px 0 10px 0;

}

div#info-bull {

	width: 616px;

	height: 164px;

	background: url(../images/bg_info_details.gif) no-repeat 0 0 #e6f5fc;

	padding: 10px 20px;

}

div#info-bull a.titre {

	color: #005ac6;

	font-size: 16px;

}

div#info-bull p {

	color: #005ac6;

	padding: 5px 0 10px 0;

}

div#info-bull div#engagement {

	width: 293px;

	height: 124px;

	background: url(../images/bg_info_details_in.gif) no-repeat 0 0 #fff;

	float: right;

	padding: 15px 10px;

}

div#info-bull div#engagement h2 {

	text-decoration: underline;

	color: #005ac6;

	font-size: 11px;

	font-weight: bold;

	padding: 0 0 10px 0;

	background: none;

}

div#info-bull div#engagement li {

	padding: 4px 0 0 0;

}

div#suite-details {

	padding: 0px 0 0 20px;

}

div#suite-details h2 {

	color: #0066cc;

	font-weight: bold;

	font-size: 12px;

	padding: 16px 0 15px 0;

	background: url(../images/sep-point-horiz.gif) repeat-x left 35px;

}

div#suite-details h3 {

	font-size: 11px;

	padding: 6px 0 0 8px;

	background: url(../images/picto-liste-h.gif) no-repeat left 12px;

}

div#suite-details li {

	padding: 4px 0 1px 15px;

}

div#suite-details table {

	width: 100%;

}

div#suite-details table.data td {

	text-align: center;

	border-bottom: 1px solid #0066cc;

	padding: 5px 0;

}

div#suite-details table.data th {

	background-color: #2A63A8;

	color:#FFFFFF;

	font-size: 13px;

	padding: 2px 0;

	text-align: center;

	font-weight:normal;

}

div#suite-details table.box{

	width: 250px;

	margin-top: 3px;

}

div#suite-details table.box a{

	color:#000000;

	text-decoration:underline

}

div#suite-details table.box td {

	text-align: left;

	padding: 1px 2px;

	font-size: 11px;

}

div#suite-details table.box th {

	background-color: #0167CC;

	color:#FFFFFF;

	font-size: 11px;

	padding: 2px 0;

	text-align: center;

	font-weight:normal;

}

div#suite-details div#col-rez-gauche {

	float: left;

	width: 570px;

}

div#suite-details div#col-rez-droit {

	float: right;

	width: 280px;

}

div#box-desc-dsl {

	width: 279px;

	padding: 26px 0 0 0;

}

div#box-desc-dsl.adsl {

	background: url(../images/box-spec.gif) no-repeat 0 0;

}

div#box-desc-dsl.sdsl {

	background: url(../images/box-spec.gif) no-repeat 0 0;

}

div#box-desc-dsl.power {

	background: url(../images/box-spec.gif) no-repeat 0 0;

}

div#box-desc-dsl.monetique {

	background: url(../images/box-spec.gif) no-repeat 0 0;

	padding-top: 30px;

}

div#box-desc-dsl.fibre {

	background: url(../images/box-spec.gif) no-repeat 0 0;

	padding: 30px 0 0 0;

}

div#box-desc-dsl div#titre {

	margin-left:50px;	

}

div#titre div#fibreentreprise {

	margin-right:30px;	

}

div#titre p{

	font-size:21px; 

	color:#0066cc;	

}

div#box-desc-dsl div#c {	

	background: url(../images/box-spec-adsl-centre.gif) repeat-y 0 0;

	padding: 20px 20px 0 16px;

}

div#box-desc-dsl div#c li {

	list-style: none;

	padding: 4px 0 0 10px;

	background: url(../images/picto-liste-h.gif) no-repeat 2px 10px;

}	

div#box-desc-dsl div#b {

	background: url(../images/box-spec-adsl-bas.gif) no-repeat 0 0;

	height: 18px;

}

div#box-desc-dsl div#p {

	background: url(../images/box-spec-adsl-prix.gif) no-repeat center top;

	color: #fff;

	font-size: 16px;

	text-align: center;

	height: 30px;

	padding: 23px 0 0 0;

}

p.desc-service-acces {

	color: #7b7d7f;

	font-size: 15px;

	padding: 0 0 20px 0;

}

p.desc-service-acces a {

	color: #7b7d7f;

}

div#box-offre-dsl {

	float: right;

	width: 360px;

	padding: 0px 0 0 0;

}

div#box-offre-dsl.power {

	width: 570px;

}

div#box-offre-dsl.monetique {

	width: 570px;
	
	margin-right:30px;

}

div#box-offre-dsl table {

	width: 100%;

}

div#box-offre-dsl td {

	text-align: left;

	border-bottom: 2px solid #0066cc;

	padding: 6px 0;

}

div#box-offre-dsl th {

	text-align: left;

	border-bottom: 2px solid #0066cc;

	padding: 6px 0;

	font-weight: bold;

}

div#box-offre-dsl span{

	color: #0066cc;

	font-weight: bold;

}

div#supervision {

	margin: 10px 0 0 0;

	/*background: url(../images/visu-supervision.gif) no-repeat 0 0;*/

	padding: 0 0 0 20px;

	height: 250px;

}

div#descri-dsl li {

	list-style: none;

	padding: 4px 0 0 10px;

	background: url(../images/picto-liste-h.gif) no-repeat 2px 10px;

}	

p.i {

	font-size: 9px;

	font-family: tahoma, Verdana;

	text-align: center;

}

table#option-fibre {

	border-collapse: collapse;

	background: #f9f9f9;

	border-top: 1px solid #dedede;

	border-right: 1px solid #dedede;

	width: 100%;

}

table#option-fibre td, table#option-fibre th {

	border-bottom: 1px solid #dedede;

	border-left: 1px solid #dedede;

	padding: 6px;

}

table#option-fibre th {

	text-align: left;

	font-weight: bold;

}

table#option-fibre td.active {

	background: url(../images/picto-actif.gif) no-repeat center center;

}

input.txt-tel {

	width: 200px;

	padding: 4px;

	border: 1px solid #0066cc;

}

.em {

	font-style: italic;

	color: #0066cc;

}

a.del_input_to_check {

	display: none;

	background: url(../images/no.png) no-repeat center center;

	padding: 3px 4px;

	text-decoration: none;

	vertical-align: middle;

}

a.del_input_to_check:hover {

	text-decoration: none;

}