#content div.box {
	overflow: hidden;
	margin-bottom: 0px;
}

/* @group Id Group */

#content {
	clear: both;
	overflow: hidden;
}

#process {
	width: 400px;
	margin-bottom: 2em;
}


#informations {
	float: right;
	width: 210px
}

#process ol.step li {
	float: left;
	margin-left: 2em;
}

/* @end */

/* @group Process */


#process ol.step {
	float: left;
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#process ol.step li {
	margin: 0;
	padding: 0;
}
#process ol.step li{
	background-position: 0 0px;
	background-repeat: no-repeat;
	
}
#process ol.step li.selected{
	background-position: 0 -71px;
}


#process ol.step li.num1,
#process ol.step li.num1.selected {
	width: 217px;
}

#process ol.step li.num1 {
	background-image: url(../images/etape_01.png);
}

#process ol.step li.num1.selected {
	background-image: url(../images/etape_01.png);
}

#process ol.step li.num2,
#process ol.step li.num2.selected {
	width: 257px;
}

#process ol.step li.num2 {
	background-image: url(../images/etape_02.png);
}

#process ol.step li.num2.selected {
	background-image: url(../images/etape_02.png);
}

#process ol.step li.num3,
#process ol.step li.num3.selected {
	width: 249px;
}

#process ol.step li.num3 {
	background-image: url(../images/etape_03.png);
}

#process ol.step li.num3.selected {
	background-image: url(../images/etape_03.png);
}

#process ol.step li.selected h2 {
	font-weight: 500;
}

#process ol.step li.num1.selected h2,
#process ol.step li.num1 h2 {
	text-indent: 75px;
}

#process ol.step li.num2.selected h2,
#process ol.step li.num3.selected h2,
#process ol.step li.num2 h2,
#process ol.step li.num3 h2 {
	text-indent: 90px;
}

#process ol.step li h2 {
	font-weight: 100;
	color: #fff;
	font-size: 1.231em;
	padding-top: 13px;
	margin: 0;
	padding-bottom: 30px;
}


#process ol.step.step-four li.num0,
#process ol.step.step-four li.num0.selected {
	width: 161px;
}
#process ol.step.step-four li.num0 {
	background-image: url(../images/etape_01_4.png);
}

#process ol.step.step-four li.num1,
#process ol.step.step-four li.num1.selected {
	width: 180px;
}
#process ol.step.step-four li.num1 {
	background-image: url(../images/etape_02_4.png);
}
#process ol.step.step-four li.num2,
#process ol.step.step-four li.num2.selected {
	width: 211px;
}
#process ol.step.step-four li.num2 {
	background-image: url(../images/etape_03_4.png);
}
#process ol.step.step-four li.num3,
#process ol.step.step-four li.num3.selected {
	width: 172px;
}
#process ol.step.step-four li.num3 {
	background-image: url(../images/etape_04_4.png);
}
#process ol.step.step-four li.num0.selected h2,
#process ol.step.step-four li.num0 h2 {
	text-indent: 46px;
}
#process ol.step.step-four li.num1.selected h2,
#process ol.step.step-four li.num2.selected h2,
#process ol.step.step-four li.num3.selected h2,
#process ol.step.step-four li.num1 h2,
#process ol.step.step-four li.num2 h2,
#process ol.step.step-four li.num3 h2 {
	text-indent: 55px;
}

#process table.bandeau {
	width:100%; 
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-weight: 100;
	font-size: 1.231em;
	height: 50px;
	border-collapse:collapse;
	margin-bottom: 5px;
}

#process th.bandeau4 {
	width:25%;
}

#process th.bandeau3_1, 
#process th.bandeau3_2{
	width:33%;
}

#process th.bandeau3_3 {
	width:34%;
}

#process th.bandeau2 {
	width:50%;
}

#process th.bandeau1 {
	width:100%;
}

#process h3 {
	font-size: 	1.385em;
	margin: 0 0 20px;
}

#process label.accords {
	float: left;
	margin-left: 250px;
	width: 480px;
	color: #4D4D4D;
	font-weight: bold;
}

#process label.accords a {
	color: #1EA2E4;
	text-decoration: underline;
}

#process label.accords input {
	margin-right: 6px;
}

#process label.conditions {
	margin-bottom: 20px;
}

/* @group box */

#process div.box table {
	border-collapse:collapse;
	margin-bottom: 20px;
}

#process div.offre table tr.content_service,
#process div.option table tr.content_boite,
#process div.offre table tr.content_installation,
#process div.option table tr.content_montre {
	border-style: solid;
	border-width: 1px;
}

#process div.offre table tr.content_service_cmd,
#process div.option table tr.content_montre_cmd {
	border-style: solid;
	border-width: 1px;
}

#process div.offre table tr.content_service,
#process div.option table tr.content_montre {
	height: 165px;
}

#process div.offre table tr.content_service_cmd,
#process div.option table tr.content_montre_cmd {
	height: 80px;
}

#process div.option table tr.content_boite,
#process div.offre table tr.content_installation {
	height: 80px;
}

#process div.offre table tr.content_service td,
#process div.option table tr.content_montre td {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
}

#process div.offre table tr.content_service_cmd td,
#process div.option table tr.content_montre_cmd td {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
}

#process div.offre table tr.content_installation td,
#process div.option table tr.content_boite td {
	padding-top: 14px;
}

#process div.box table tr th {
	padding-top: 29px;
	padding-bottom: 14px;
	padding-left: 20px;
}

#process div.box table tr td{
	padding: 4px 0 4px 20px;
	margin: 0;
	vertical-align: middle;
}

#process div.box table th {
	color: #4E7B9C;
	font-size: 1.154em;
	text-align: left;
	width: 715px;
}

#process div.box table th.produit {
	color: #4E7B9C;
	font-size: 1.154em;
	text-align: left;
	width: 50%;
}

#process div.box table th.offre,
#process div.box table th.prix,
#process div.box table th.option {
	padding-top: 10px;
	padding-bottom: 12px;
	border-style: solid;
	border-width: 1px; 
}

#process div.box table label {
	color: #4D4D4D;
}

#process div.box table .important {
	color: #4D4D4D;
	font-weight: bold;
	font-size: 1em;
}

#process div.box table strong {
	font-size: 	1.231em;
}

#process div.box table span {
	color: #808080;
	font-size: 0.923em;
	vertical-align: bottom;
}

#process div.box table tr td.label1 {
	width: 84px;
}

#process div.box table tr td.label2 {
	width: 152px;
}

#process div.box table tr td.label3 {
	width: 363px;
}

#process div.box table tr td.label2_cmd {
	width: 50%;
	padding-top: 0;
	padding-bottom: 0;
}

#process div.box table tr td.field1 {
	width: 400px;
}

#process div.box table tr td.field1_cmd {
	width: 240px;
	padding-top: 0;
	padding-bottom: 0;
}

#process div.box table tr td.field2 {
	width: 217px;
}

#process div.box table tr td.field3 {
	width: 363px;
}

#process div.box table tr td input {
	border-radius: 3px;
	border: 1px solid #bcc1c5;
	height: 20px;
	color: #4D4D4D;
	font-size: 1em;
	text-indent: 9px;
}

#process div.box table tr td input.checkbox {
	vertical-align: middle;
}

#process div.offre table tr.content_service td input,
#process div.option table tr.content_montre td input {
	height: 13px;
	margin-top: 7px;
}

#process div.offre table tr.content_service_cmd td input,
#process div.option table tr.content_montre_cmd td input {
	height: 13px;
	margin-top: 70px;
}

#process div.box table tr td.civilite label {
	display: inline-block;
	margin-right: 4px;
}

#process div.box table tr td.civilite label input {
	width: 15px;
	height: 1px;
	border: none;
}

#process div.box table tr td label.important {
	vertical-align: middle;
}

#process div.box table tr td.field1 input {
	width: 180px;
}

#process div.box table tr td.field2 input {
	width: 180px;
}

#process div.box table tr td input.cp {
	width: 62px;
}

#process div.box table tr td input.jour,
#process div.box table tr td input.mois {
	width: 35px;
}

#process div.box table tr td input.annee {
	width: 79px;
}

#process div.box table tr td span.exemple {
	padding-left: 135px;
	font-size: 0.846em;
}

/* @group offre */

#process div.offre {
	width: 350px;
	float: left;
	margin-right: 25px;
}

#process div.offre table span.mois,
#process div.option table span.mois,
#process div.offre table span.installation {
	font-size: 0.813em;
}

#process div.offre table th.offre {
	width: 200px;
}

#process div.offre table th.prix {
	width: 100px;
}

#process div.offre table tr td{
	vertical-align: top;
}

#process div.offre table tr td label input {
	margin-top: 0;
	margin-right: 5px;
	color: #4D4D4D;
}

/* @end */

/* @group option */

#process div.option {
	width: 350px;
	float: left;
}

#process div.option table span.ttc {
	font-size: 0.813em;
}

#process div.option table th.option {
	width: 200px;
}

#process div.option table th.prix {
	width: 150px;
}

#process div.option table tr td{
	vertical-align: top;
}

#process div.option table tr td label input {
	margin-right: 5px;
}

/* @end */

/* @group coordonnees */

#process div.coordonnees {
	float: left;
}

/* @end */

/* @group prelevement */

#process div.prelevement {
	float: left;
}

#process div.prelevement table tr th {
	padding-bottom: 11px;
}

#process div.prelevement table tr td.autre_personne {
	border-top: 1px solid #f2f2f2;
}

#process div.prelevement table tr td select.parente {
	width: 200px;
}

#process div.prelevement table tr td.abonnement label {
	color: #4D4D4D;
	margin-right: 15px;
}

#process div.prelevement table tr td label span {
	display: inline-block;
}

#process div.prelevement table tr td.abonnement label input {
	height: 13px;
	margin-right: 4px;
	margin-left: 0;
}

/* @end */

/* @group debiter */

#process div.debiter {
	float: left;
}

#process div.debiter table tr th {
	padding-bottom: 4px;
}

#process div.debiter table tr td.agence {
	border-top: 1px solid #f2f2f2;
}

#process div.debiter table tr.iban td input {
	width: 52px;
	margin-right: 11px;
}

#process div.debiter table tr.iban td input.last_number {
	width: 34px;
}

#process div.debiter table tr td.label1 {
	width: 111px;
}

#process div.debiter table tr td.field1 {
	width: 221px;
	padding-left: 0;
}

#process div.debiter table tr td.label2 {
	width: 75px;
}

#process div.debiter table tr td.field2 {
	width: 255px;
}

#process div.debiter table tr td.field1 input {
	width: 190px;
}

/* @end */

/* @group parrainage */

#process div.parrainage {
	float: left;
	height: 114px;
	background: url(../images/parrainage_723x114.png) no-repeat center center;
}

#process div.parrainage table tr th {
	background: none;
	padding-top: 22px;
	padding-bottom: 4px;
}

#process div.parrainage table tr td input {
	width: 218px;
}

/* @end */

/* @group paiement */

#process div.paiement {
	float: left;
}

#process div.paiement table tr th {
	padding-top: 0px;
	padding-bottom: 4px;
}

#process div.paiement table tr td.field1 {
	width: 50%;
	padding-bottom: 0;
	padding-top: 0;
	line-height: 19px;
}

#process div.paiement table tr td.label1 {
	border-right: 1px solid #ebebeb;
}

#process div.paiement table tr td.label2 {
	vertical-align: top;
	padding-bottom: 0;
	padding-top: 0;
}

/* @end */

/* @group installation */

#process div.installation {
	float: left;
}

#process div.installation table tr th {
	padding-top: 0px;
	padding-bottom: 4px;
}

#process div.installation table tr td.label1,
#process div.installation table tr td.field1 {
	width: 130px;
}

#process div.installation table tr td.label1 {
	border-right: 1px solid #ebebeb;
}

#process div.installation table tr td.field1 {
	width: 50%;
	padding-bottom: 0;
	padding-top: 0;
	line-height: 19px;
}

#process div.installation table tr td.label2 {
	vertical-align: top;
	padding-bottom: 0;
	padding-top: 0;
}

/* @end */

/* @group facturation */

#process div.facturation {
	float: left;
	margin-bottom: 12px;
}

#process div.facturation table tr th {
	padding-top: 0px;
	padding-bottom: 4px;
}

#process div.facturation table tr td.label1,
#process div.facturation table tr td.field1 {
	width: 130px;
}

#process div.facturation table tr td.label1 {
	border-right: 1px solid #ebebeb;
}

#process div.facturation table tr td.field1 {
	padding-bottom: 0;
	padding-top: 0;
	line-height: 19px;
}

#process div.facturation table tr td.label2 {
	vertical-align: top;
	padding-bottom: 0;
	padding-top: 0;
}

/* @end */

/* @end */

/* @end */

#process .suivant {
	border: none;
	
	cursor: pointer;
	color: #fff;
	font-weight: 500;
	font-size: 1.231em;
	margin-bottom: 20px;
	margin-left: 70px;
	float: left;
	width: 84px;
	height: 35px;
}

#process .precedent {
	border: none;	
	cursor: pointer;
	color: #fff;
	font-weight: 500;
	font-size: 1.231em;
	margin-bottom: 20px;
	margin-right: 20px;
	float: right;
	width: 104px;
	height: 35px;
	margin-right: 10px;
}

/* @group informations */

#informations div.box {
	
	position: relative;
	width: 210px;
	margin-bottom: 20px;
	margin-left: -5px;
}

#informations div.box span strong {
	color: #4E7B9C;
	font-size: 	1.385em;
}

#informations div.box span.service,
#informations div.box span.coordonnee {
	text-align: center;
	color: #4D4D4D;
}

#informations div.box span.reduction,
#informations div.box span.assistance {
	font-weight: bold;
}

#informations div.aide {
	margin-top: 6px;
	height: 210px;
	background: url(../images/standard_telephone_numero_vert.png) no-repeat center;
}

#informations div.aide strong {
	position: absolute;
	font-size: 1.385em;
	color: #008a42;
	top: 31px;
	left: 12px;
}

#informations div.aide strong span {
	font-size: 	0.889em;
}

#informations div.aide .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 68px;
	background: url(../images/fond_num_vert.png) no-repeat;
	right: 0;
}

#informations div.aide .bottom img {
	position: absolute;
	top: 17px;
	right: 10px;
}

#informations div.aide .bottom span {
	position: absolute;
	bottom: 13px;
	font-size: 0.769em;
	color: #4d4d4d;
	right: 10px;
}

#informations div.engagement {
	height: 67px;
	text-align: center;
}

#informations div.engagement strong {
	color: #4E7B9C;
	display: block;
	padding: 15px 5px;
	font-size: 1.385em;
}

#informations div.cm {
	height: 211px;
	background: url(../images/cm_arkea.png) no-repeat center center;
}

#informations div.cm strong {
	position: absolute;
	color: #4D4D4D;
	font-size: 28px;
	top: 20px;
	left: 31px;
}

#informations div.cm span {
	font-size: 18px;
}

#informations div.services {
	position: absolute;
	height: 210px;
	background: url(../images/service_personne.png) no-repeat center center;
}

#informations div.services span.service {
	position: absolute;
	left: 27px;
	top: 20px;
}

#informations div.coordonnees {
	height: 135px;
}

#informations div.coordonnees span.coordonnee {
	position: absolute;
	left: 28px;
	top: 20px;
}

#informations div.coordonnees span.coordonnee span.assistance {
	font-size: 	1.154em;
}

#informations div.coordonnees span.coordonnee strong {
	display: block;
	height: 11px;
}

/* @end */



.picto_brochure{
   float: left;
   padding-bottom: 0;
   padding-right: 20px;
   padding-top: 8px;
}