a {

	color: #fe5e00;

}

cite {

	font-style: italic;

	font-size: 13px;

	font-weight: bold;

	color: #fe5e00;

	float: right;

	text-align: right;

}

/* -- securite index -- */

div#index-securite {

	width: 818px;

	display: table;

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

	padding: 65px 0 0 80px;
		
	margin-left: 20px;

}

div#index-securite div {

	float: left;

	width: 30%;	

	height: 290px;

}

div#index-securite div.sep {

	width: 5%;

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

	height: 150px;

	margin: 55px 0 0 0;

}

div#index-securite a {

	color: #ff5d02;

}

div#index-securite h1 {

	font-size: 20px;

	color: #424242;

	padding: 0;

	height: 50px;

}

div#index-securite p.chapo {

	font-size: 10px;

	font-weight: bold;

	height: 40px;

}

div#index-securite p.desc {

	height: 110px;

	text-align: justify;

}

div#index-securite p.prix {

	font-size: 10px;

	font-style: italic;

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

	padding: 6px 0 6px 30px;

	margin: 0 0 0 40px;

	text-align: left;

}

div#box-offre-mpls {

	float: right;

	width: 360px;

	padding: 0px 0 0 0;

}

div#box-offre-mpls.power {

	width: 570px;

}

div#box-offre-mpls table {

	width: 100%;

}

div#box-offre-mpls td {

	text-align: left;

	border-bottom: 2px solid #fe7a00;

	padding: 6px 0;

}

div#box-offre-mpls th {

	text-align: left;

	border-bottom: 2px solid #fe7a00;

	padding: 6px 0;

	font-weight: bold;

}

/* -- entete -- */

div#entete {

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

	padding: 65px 0 10px 50px;
	
	margin-left: 20px;

}

div#entete h1 {

	color: #fe5e00;

	font-size: 26px;

}

div#entete h1 span {

	color: #4a4c4d;

}

div#entete p {

	font-size: 15px;

	padding: 4px 0 0 0;

}

div#suite-details {

	padding: 15px 0 0 20px;

	min-height: 660px;

}



div#suite-details h2 {

	color: #fe5e00;

	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 h2.g {

	color: #424242;

	font-size: 12px;

}

div#suite-details h3 {

	font-size: 11px;

	padding: 6px 0 0 8px;

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

}

div#suite-details h3.g {

	font-size: 11px;

	padding: 10px 0 0 0;

	background: none;

	color: #424242;

}

div#suite-details li {

	padding: 4px 0 1px 8px;

	background: url(../images/picto-list-secure.gif) no-repeat 0 9px;

}

p.desc-service-secure {

	color: #7b7d7f;

	font-size: 15px;

	padding: 0 0 20px 0;

	text-align: justify;

}

p.desc-service-secure a {

	color: #7b7d7f;

}

/*-- box -- */

div#box-desc-secure {

	width: 270px;

}

div#box-desc-secure div#titre {

	margin-left:50px;	
	
	margin-top:20px;

}

div#titre p{

	font-size:21px; 

	color:#ff6804;	
	
}

div#box-desc-secure.mpls{	

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

}

div#a {

	background: none;

	padding: 0 0 2px 40px;

	font-weight: bold;

	font-style: italic;

	font-size: 10px;

}

div#box-desc-secure.firewall {

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

	padding: 72px 0 0 0;

}

div#box-desc-secure div#c {	

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

	padding: 20px 15px 20px 16px;

}

div#box-desc-secure div#c p.em {

	font-style: italic;

	font-weight: bold;

	font-size: 10px;

	padding: 0 0 10px 0;

}

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

	list-style: none;

	padding: 4px 0 0 10px;

	background: url(../images/picto-list-secure.gif) no-repeat 2px 9px;

}	

div#box-desc-secure div#b {

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

	height: 16px;

}

div#c div#p {

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

	color: #fff;

	font-size: 16px;

	text-align: center;

	height: 30px;

	padding: 10px 0 0 0;

}



div#box-offre-secure {

	float: right;

	width: 580px;

	padding: 10px 0 0 0;

}


div#box-offre-secure table {

	width: 100%;

}

div#box-offre-secure td {

	text-align: left;

	border-bottom: 2px solid #ef8b00;

	padding: 6px 0;

}

div#box-offre-secure td.last {

	border: none;

}

div#box-offre-secure th {

	text-align: left;

	border-bottom: 2px solid #ef8b00;

	padding: 6px 0;

	font-weight: bold;

}

div#box-offre-secure span{

	color: #7b7d7f;

	font-weight: bold;

}

div#box-offre-secure table.small td, div#box-offre-secure table.small th {

	font-size: 10px;

	padding: 4px 0;

}

/* -- racoursci -- */

div#actions {

	float: right;

	background: #fe7a00;

	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_securite.gif) no-repeat left top;

}

div#actions div.r {

	width: 15px;

	background: url(../images/bg_action_securite.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;

}





div#box-table {

	background: #FFF5EA; 

	padding: 10px

}

div#box-table h2 {

	background: none;

	padding: 0 0 4px 0;

	font-size: 11px;

}

div#box-table table {

	border-bottom: 1px dotted #87888a;

	border-left: 1px dotted #87888a;

	width: 100%;

}

div#box-table td, div#box-table th {

	border-top: 1px dotted #87888a;

	border-right: 1px dotted #87888a;

	padding: 4px 6px;

}



/* VPN */

div#offres-secure div {

	width: 212px;

	background: url(../images/box_securite_2.png) repeat-y 0 0;

	float: left;

	margin: 0 4px 0 0;

	padding: 0;

}

div#offres-secure div.last {

	margin: 0;	

}

div#offres-secure div div {

	height: 300px;

	padding: 0;

	margin: 0;

	float: none;

	background: none;

}

div#offres-secure h2 {

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

	padding: 33px 0 0 50px;

	margin: 0;

	height: 34px;

}

div#offres-secure h2 a {

	font-size: 27px;

	color: #ff6600;

	font-weight: normal;

}

div#offres-secure h2 a:hover {

	text-decoration: none;

}

div#offres-secure p {

	padding: 18px 20px 0 22px;

	text-align: left;

	color: #000;

	line-height: 150%;

	background: url(../images/picto-list-secure.gif) no-repeat 15px 25px;

}

div#offres-secure p.prix {

	padding: 0;

	margin: 0;

	text-align: center;

	line-height: 100%;

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

	height: 36px;

	font-size: 14px;

	font-weight: bold;

	color: #fff;

}

div#offres-secure p.prix a {

	color: #fff;

	font-weight: normal;

}

div#offres-secure p.nb {

	padding: 5px 0 0 0;

	margin: 0;

	text-align: center;

	line-height: 100%;

	font-family: Tahoma;

	font-size: 10px;

	font-weight: bold;

	color: #000;

	background: url(../images/box_securite_3.png) no-repeat left bottom;

	height: 25px;

}

/* index magic safe */

div#offres-secure.safe {

	padding: 0 0 0 90px;

}

div#offres-secure.safe div div {

	height: 150px;

}

/* index anti */

div#offres-secure.anti {

	padding: 0 0 0 28px;

}

div#offres-secure.anti div {

	width: 299px;

	background: url(../images/box_securite_22.png) repeat-y 0 0;

}

div#offres-secure.anti h2 {

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

}

div#offres-secure.anti p.nb {

	background: url(../images/box_securite_33.png) no-repeat left bottom;

	height: 25px;

}

div#offres-secure.anti p.a {

	background: none;

	padding: 0 0 2px 70px;

	font-weight: bold;

	font-style: italic;

	font-size: 10px;

}

/* tableau applcation safe*/

div.foncs_safe {

	padding: 6px;

	background: #eaeaea;

}

div.foncs_safe table {

	border-collapse: collapse;

	border-top: 2px solid #dfdfdf;

	border-right: 2px solid #dfdfdf;

	background: #fff;

	width: 100%;

}

div.foncs_safe table td, div.foncs_safe table th {

	border-bottom: 2px solid #dfdfdf;

	border-left: 2px solid #dfdfdf;

	padding: 6px 8px;

	vertical-align: top;

}

div.foncs_safe table th {

	color: #000;

}

div.foncs_safe table td {

	color: #464646;

}

div#suite-details table.datas {
	border-top: 1px solid #FE680F;
	border-right: 1px solid #FE680F;
	width: 100%;
}

div#suite-details table.datas th {
	background: #FE5E00;
	color: #ffffff;
	border-bottom: 1px solid #FE680F;
	border-left: 1px solid #FE680F;
	padding: 6px;
}

div#suite-details table.datas td {
	color: #000;
	border-bottom: 1px solid #FE680F;
	border-left: 1px solid #FE680F;
	padding: 4px;
}

div#suite-details table.datas td img, div#suite-details table.datas td input {
	vertical-align: middle;
}

input.btn-cmd {
	background: #FE5E00;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #333;
	padding: 4px;
}

div#step-by-step {
	height: 85px;
	background: url(../images/logo-titre-page-securite.gif) no-repeat 0 0;
	clear: both;
	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-vert.gif) repeat-x left bottom;*/
	height: 30px;
	/*width: 580px;*/
	margin: 0 0 23px 78px;
}
div#step-by-step li {
	display: block;
	float: left;
	padding: 0 9px 14px 10px;
	color: #4f8156;
	font-size: 13px;
}
div#step-by-step li.active {
	font-weight: bold;
	/*background: url(../images/step-vert.gif) no-repeat center bottom;*/
}
div#step-by-step p {
	clear: both;
	padding: 0 0 0 60px;
	font-size: 12px;
}
div#step-by-step li.active1 {
	background: url(../images/step_1_active.gif) no-repeat;
	height: 30px;
	width:150px;
}
div#step-by-step li.inactive1 {
	background: url(../images/step_1_inactive.gif);
	height: 30px;
	width:150px;
}
div#step-by-step li.active2 {
	background: url(../images/step_2_active.gif) no-repeat;
	height: 30px;
	width:117px;
}
div#step-by-step li.inactive2 {
	background: url(../images/step_2_inactive.gif);
	height: 30px;
	width:117px;
}
div#step-by-step li.inactive3 {
	background: url(../images/step_3_inactive.gif);
	height: 30px;
	width:160px;
}
div#step-by-step li.inactive4 {
	background: url(../images/step_4_inactive.gif);
	height: 30px;
	width:160px;
}
div#step-by-step li.inactive5 {
	background: url(../images/step_5_inactive.gif);
	height: 30px;
	width:120px;
}

/* Step by step small*/
div#step-by-step_small {
	height: 85px;
	background: url(../images/logo-titre-page-securite.gif) no-repeat 0 0;
	clear: both;
	padding: 40px 0 0 0;
}
div#step-by-step_small h1 {
	color: #424242;
	font-size: 26px;
	clear: both;
	margin: 0 0 0 40px;
}
div#step-by-step_small ul {
	/*background: url(../images/sep-step-vert.gif) repeat-x left bottom;*/
	height: 30px;
	width: 580px;
	margin: 0 0 23px 78px;
}
div#step-by-step_small li {
	display: block;
	float: left;
	padding: 0 9px 14px 10px;
	color: #4f8156;
	font-size: 13px;
}
div#step-by-step_small li.active {
	font-weight: bold;
	/*background: url(../images/step-vert.gif) no-repeat center bottom;*/
}
div#step-by-step_small p {
	clear: both;
	padding: 0 0 0 60px;
	font-size: 12px;
}
div#step-by-step_small li.active1 {
	background: url(../images/step_1_active_small.gif) no-repeat;
	height: 20px;
	width:90px;
}
div#step-by-step_small li.inactive1 {
	background: url(../images/step_1_inactive_small.gif);
	height: 20px;
	width:90px;
}
div#step-by-step_small li.active2 {
	background: url(../images/step_2_active_small.gif) no-repeat;
	height: 20px;
	width:75px;
}
div#step-by-step_small li.inactive2 {
	background: url(../images/step_2_inactive_small.gif);
	height: 20px;
	width:75px;
}
div#step-by-step_small li.inactive3 {
	background: url(../images/step_3_inactive_small.gif);
	height: 20px;
	width:95px;
}
div#step-by-step_small li.inactive4 {
	background: url(../images/step_4_inactive_small.gif);
	height: 20px;
	width:90px;
}
div#step-by-step_small li.inactive5 {
	background: url(../images/step_5_inactive_small.gif);
	height: 20px;
	width:70px;
}