/*** Définition des styles de textes ***/
.produit_commande_texte{font-family:Arial, Helvetica, Sans-serif;font-size:13px;margin:0 0 20px;}
.produit_commande_texte	.choix_formule_commandeEtape1_texte{margin-left:13px;display:block;line-height:2em;}
.produit_etape_active_texte{font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;font-size:16px;}
.produit_titre_etape_active_texte{font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;font-size:12px;}

/*** Structure ***/
#middle_commande {margin:0 auto; position:relative; overflow:hidden; width:960px}
#middle_commande #nom_produit{float:left;display:inline;}
#middle_left_commande #colonne_commande{}
#middle_left_commande .largeur_colonne{overflow:hidden;}
#middle_left_commande #footer_commande{position:absolute;bottom:0px;clear:both;}
#middle_left_commande #footer{position:absolute;bottom:-1px;}
#middle_right_commande{position:relative;width:274px;float:right;display:inline;margin-top:3px;}
#middle_commande_content  #title_header_page {border-bottom: 1px solid #DAD9D7;height:55px;  margin-bottom: 15px; text-align: left;}
#middle_commande_content  #title_header_page h1 { line-height:55px; }
#middle_commande_content{position:relative;overflow:hidden;}
#middle_commande_content  #middle_left_commande{width:760px;position:relative;float:left;display:inline;overflow:hidden;margin:0 auto;}
#colonne_commande_content_bottom{padding:0;width:100%;position:relative}
#commande_content .process_img { position:absolute;top:3px;right:40px; }

/*** Général ***/
#middle_commande h2{background:transparent url(../images/bg-puce6.gif) no-repeat 15px 15px;font-size:11px;font-weight:bold;line-height:37px;padding-left:25px;position:relative;text-transform:uppercase;}
#colonne_commande{overflow:hidden;position:relative;width:100%;margin:0;}
#colonne_commande_content{position:relative;margin:10px 8px 20px;}
#colonne_commande_content p.txt00{position:relative;margin:0;}
#reponse_form_callback{padding:10px;}
#titre_commande{margin:10px 0;padding-bottom: 5px;}
#titre_commande_etape01{height:33px;margin:10px 0;}
#titre_commande .titre_etape_demo{color:red;font-size:11px;font-weight:bold;}
#titre_commande img.titre{margin-left:7px;}
img.titre_commande_produit{margin:15px;}
.sousTitre_commande{margin:16px 0 10px;}
.produit_commande_texte_bold{font-weight:bold;color:#555;}
.produit_commande_texte_bold p{font-weight:400;margin:6px 0 0;}
#titre_commande .bloctitre{position:relative;height:25px;display:block}
#titre_commande .bloctitre .choisissez{display:inline;position:relative;float:left;margin-top:9px;}
#titre_commande .bloctitre .choisissez .titre{padding-top:-10px;}

/*** Textes de remerciements ***/
.processTitreRemerciement{font-family:Arial, Helvetica, Sans-serif;font-size:16px;}
.processTexteRemerciement_grey{background:#ECECEC;border:1px solid #ccc;padding:5px;}
.processTexteRemerciement_grey .fleche_rouge{list-style-type:none;list-style-image:url(/images/bg-puce3.gif);}

/** Etape Active  */
#commande_content #fil_ariane #titre_etape_active{position:relative;overflow:hidden;width:100%;}
#commande_content #fil_ariane #titre_etape_active ul{width:100%;position:relative;overflow:hidden;margin:0 0 0 80px;}
#commande_content #fil_ariane #titre_etape_active ul li{float:left;height:32px;display:block;width:166px;font-weight:bold;list-style:none;position:relative;text-align:center;}
#commande_content #fil_ariane #titre_etape_active ul li.etape1{margin:0;}
#commande_content #fil_ariane #titre_etape_active ul li.etape2{margin-left:90px;}
#commande_content #fil_ariane #titre_etape_active ul li.etape2 span{display:block;margin:6px 0 0;}
#commande_content #fil_ariane #titre_etape_active ul li.etape3{margin-left:184px;}
#commande_content #fil_ariane #titre_etape_active ul li.etape4{margin-left:280px;}
/** Etape Normale  */
#commande_content #fil_ariane #titre_etape_normal{position:relative;width:100%;overflow:hidden;margin:5px 0;}
#commande_content #fil_ariane #titre_etape_normal ul{overflow:hidden;position:relative;width:100%;margin:0 0 0 113px;}
#commande_content #fil_ariane #titre_etape_normal ul li{display:inline;float:left;text-align:center;width:94px;}
#numero_etapes ul li{background:transparent url(../images/bg-etape-OFF.gif) no-repeat 50% 50%;float:left;display:inline;line-height:24px;text-align:right;width:94px;padding-bottom:0;}
#numero_etapes ul li span{display:block;height:24px;padding:2px 10px 0 0;}
#numero_etapes ul li.etape_active,#numero_etapes ul li.etape1_active,#numero_etapes ul li.etape_valide,#numero_etapes ul li.etape4_active{text-align:right;line-height:24px;}
#numero_etapes ul li.etape_active span,#numero_etapes ul li.etape1_active span{padding-right:8px;font-weight:bold;}
#numero_etapes ul li.etape1_active,#numero_etapes ul li.etape1_valide{width:174px;}
#numero_etapes ul li.etape1_valide span,#numero_etapes ul li.etape_valide span,#numero_etapes ul li.etape_active span,#numero_etapes ul li.etape1_active span{cursor:pointer;}
#numero_etapes ul li.no_cursor span,#numero_etapes ul li.no_cursor span,#numero_etapes ul li.no_cursor span,#numero_etapes ul li.no_cursor span{cursor:default;}
#numero_etapes ul li.etape4_off{background:transparent url(../images/bg-etape-OFF-etape4.gif) no-repeat 50% 50%;line-height:24px;display:inline;float:left;text-align:right;width:94px;}
#numero_etapes ul li.etape4_active span{line-height:23px;font-weight:bold;padding-right:156px;}
#numero_etapes ul li.etape4_off span{display:block;height:24px;padding:2px 158px 0 0;}
#numero_etapes ul li.etape4_active,#numero_etapes ul li.etape4_off{width:242px;}
#content_etape{display:inline;float:left;height:394px;margin-left:-1px;position:relative;width:578px;z-index:50;}
/** Titre des étapes  */
#titre_etape{background:transparent url(../images/bg-nom-etape.gif) repeat-x scroll 0;height:32px;margin-top:8px;}
#nom_etape dl:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
* html #nom_etape dl{height:1%;}
#titre_etape dl dt{background:transparent url(../images/bg-picto3.gif) no-repeat scroll 0 50%;display:inline;float:right;font-size:10px;height:32px;line-height:32px;padding-left:20px;}
#titre_etape dl dd{display:inline;float:left;height:32px;line-height:32px;background:transparent url(../images/bg-etape-center.gif) repeat-x scroll 0;margin:0;}
#titre_etape dl dd.nom_etape_debut{background:transparent url(../images/bg-etape-left.gif) no-repeat scroll 0;height:32px;width:7px;}
#titre_etape dl dd.nom_etape_fin{background:transparent url(../images/bg-etape-right.gif) no-repeat scroll 100% 0;height:32px;width:12px;}
#titre_etape dl dd.separation{padding:0 5px;}
#titre_etape dl dd.separation span{background:transparent url(../images/bg-pointilles-V.gif) repeat-y scroll 50% 0;}
#titre_etape dl dd span.titre{font-size:12px;font-weight:bold;}
#titre_etape dl dd span.titrebis{font-size:15px;font-weight:bold;}
#titre_etape dl dd span.titrebis.produit1{padding-right:71px;}
#titre_etape dl dd span.titrebis.produit3{padding-right:71px;}
#titre_etape dl dd span.etape{font-size:12px;font-weight:bold;padding-right:5px;}

/*** Récapitulatif de commande ***/
span.titre_recap{color:#6B6B6B;font-size:13px;font-weight:bold;}
span.info_recap{color:#6B6B6B;font-size:11px;}
.info_head_recap{margin:4px 0 0;padding:0 0 0 15px;}
/** Tableau recap commande  ***/
#tableaurecap *{margin:0;padding:0;}
#tableaurecap{position:relative;overflow:hidden;width:730px;font-family:arial;font-size:12px;color:#484848;line-height:1em;}
/*preferences globales du bloc recap  */#tableaurecap .border{border:1px solid #CCC;}
#tableaurecap .bt{border-top:1px solid #CCC;}
#tableaurecap .bb{border-bottom:1px solid #CCC;}
#tableaurecap .bl{border-left:1px solid #CCC;}
#tableaurecap .br{border-right:1px solid #CCC;}
#tableaurecap .ovh{position:relative;overflow:hidden;width:100%;clear:both;}
#tableaurecap .gris01{background:#E3E3E3;}
#tableaurecap .gris02{background:#F0F0F0;}
#tableaurecap .blc{background:#fff;}
#tableaurecap .fl{float:left;}
#tableaurecap .fr{float:right;display:inline;position:relative;overflow:hidden;}
#tableaurecap .fs11{font-size:11px;}
#tableaurecap .fs16{font-size:16px;}
#tableaurecap .lh20{line-height:20px;}
#tableaurecap .red{color:red;}
#tableaurecap .pt5{padding-top:5px;}
#tableaurecap .tar{text-align:right;}
#tableaurecap .tal{text-align:left;}
#tableaurecap .pl5{padding-left:5px;}
#tableaurecap .pl7{padding-left:7px;}
#tableaurecap .pr5{padding-right:5px;}
#tableaurecap .pr8{padding-right:8px;}
#tableaurecap .pr10{padding-right:10px;}
#tableaurecap .ptb5{padding-top:10px;padding-bottom:10px;}
#tableaurecap .cn{clear:none;}
#tableaurecap .separateur{height:5px;}
#tableaurecap .ln40{line-height:40px;}
#tableaurecap div p{position:relative;float:left;display:inline;}
#tableaurecap div{clear:both;line-height:1.5em;}
/* loading  */
#tableaurecap .promo .load{width:110px;height:25px;}
#tableaurecap .promo .load span{font-size:9px;background:url(/images/loadCodePromo.gif) 0 50% no-repeat;padding-left:20px;display:block;margin:5px 0 0 5px;}
#tableaurecap .promo .codepromo{width:255px;}
#tableaurecap .promo .codepromo .champ_codePromo{width:90px;border:1px solid #ccc;color:#484848;font-size:10px;margin:5px 3px 0 0;}
#tableaurecap .promo .codepromo *{float:left;display:inline;line-height:2.4em;}
#tableaurecap .promo .codepromo .btcp{cursor:pointer;margin:4px 0 0 2px;}
/* definition des largeurs de colonne par defaut  */
#tableaurecap .col01{width:360px;}
#tableaurecap .col03{width:140px;}
#tableaurecap .col04{width:65px;}
#tableaurecap .quantite{font-size:10px;}
#tableaurecap .col05{width:157px;}
#tableaurecap .col06{width:160px;}
#tableaurecap .col07{width:206px;}
#tableaurecap .full{width:367px;}
#tableaurecap .full .col05{width:135px;}
/* cas avec remise  */
#tableaurecap.remise .col02{display:block;width:70px;}
#tableaurecap.remise .col01{width:280px;}
#tableaurecap.remise .col05{width:166px;}
#tableaurecap.remise .full{width:447px;}
#tableaurecap.remise .col06{width:169px;}
#tableaurecap.remise .col07{width:277px;}

/*** Méthode de paiement commande etape3 et commende etape 3 pour la migration ***/
#tableau_paiement{color:#484848;font-family:arial;font-size:12px;line-height:1em;overflow:hidden;position:relative;width:730px;background:transparent url(/images/bg-border-gris.jpg) no-repeat 247px 0;}
#tableau_paiement #tab_left{float:left;display:inline;width:247px;background:#F0F0F0;border-left:1px solid #CCC;border-top:1px solid #CCC;}
#tableau_paiement #tab_left p{padding-left:20px;margin-left:5px;}
#tableau_paiement #tab_left p.inputRed{position:relative;font-size:11px;height:14px;line-height:14px;}
#tableau_paiement #tab_left p.inputRed img{float:right;margin:3px 10px 0 0;}
#tableau_paiement #tab_left span{height:20px;display:block;border-bottom:1px solid #CCC;border-right:1px solid #CCC;padding-top:5px;background:transparent url(/images/bg-picto-gris.jpg) no-repeat scroll 95% 50%;}
#tableau_paiement #tab_left span.actif_line{background:#E3E3E3;border-right:1px solid #E3E3E3;}
#tableau_paiement #tab_right{float:left;display:inline;width:479px;background:#E3E3E3;border:1px solid #CCC;z-index:99999;border-left:none;}
#tableau_paiement #tab_right span{display:block;padding-top:10px;line-height:14px;}
#tableau_paiement #tab_right .min_height_paiement{display:inline;float:left;position:relative;height:110px;width:0px;}
#tableau_paiement #right_content{overflow:hidden;}
#tableau_paiement #tab_right p.inputRed{position:relative;font-size:11px;font-weight:bold;height:14px;line-height:14px;padding-left:25px;margin-left:25px;margin-top:3px;}
#tableau_paiement #tab_right p.txt{text-align:justify;padding:10px;}

/***  Commande etape 4 ***/
.paiement .dataLine{margin-left:18px;}
.paiement .dataLine dt{float:left;height:26px;width:118px;font-weight:400;background:#fff;text-align:left;margin:0;}
.paiement .dataLine dt label{margin:0;padding:0;}
.paiement .dataLine dd{position:relative;float:left;margin:0;}
.paiement .dataLine .champ,.paiement .dataLine .champ2,.paiement .dataLine .champ3{margin:3px 0 0;}
.paiement .dataLine .champPrelevement{background:#FFF;width:426px;text-align:left;border:1px solid #CCC;font-size:11px;display:inline;margin:3px 0 0;padding:2px;}
.paiement dd.paiementGauche{float:left;width:299px;clear:both;}
.paiement dd.paiementDroit .dataLine dt{width:80px;padding-left:25px;}
.paiement dd.ddTitre{border-top:1px dotted #CCC;font-weight:bold;margin:5px 8px 0 4px;padding:5px 0 10px;}
.paiement dd.ddTitre span{background:url(../images/bg-picto5.gif) 0 50% no-repeat;margin:0 0 0 1px;padding:0 0 0 10px;}
.paiement dd.textePrelevementMention{font-size:10px;margin:8px 4px 4px;}
/** Remerciement  */
p.processTitreRemerciement{font-weight:bold;margin:15px 0;}
#demandePrelevement{position:relative;text-align:center;width:100%;margin:0 0 15px;}
#demandePrelevement p.demandePrelevementTexte{font-weight:bold;margin:5px 0;}
p.chargeAdobe{margin-top:30px;}
.produit_commande_ssTitre,.produit_commande_suite{font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;font-size:13px;}
.produit_commande_formulaire,.produit_etape_texte,.produit_titre_etape_normal_texte{font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;font-size:11px;}
.produit_etape_active_titre,.produit_etape_active_titre span{font-family:Arial, Helvetica, Sans-serif;font-size:15px;font-weight:bold;}
#commande-etape1 .pl20,#tableaurecap .pl10{padding-left:10px;}
.processTexteRemerciement,.processTexteRemerciement a,.demandePrelevementTexte{font-family:Arial, Helvetica, Sans-serif;font-size:12px;}
.processTexteRemerciement .bold,#numero_etapes ul li.etape_valide span,#numero_etapes ul li.etape1_valide span,#tableaurecap .fwb{font-weight:bold;}
#commande_content #fil_ariane #titre_etape_active ul li.produit_titre_etape_disable_texte,#tableaurecap .col02,#tableau_paiement #tab_right div.cache_texte{display:none;}
#numero_etapes,#numero_etapes ul{position:relative;overflow:hidden;margin:0;}
#tableaurecap .lh15,#tableau_paiement div{line-height:1.5em;}
#tableaurecap .tac,#content p.rdv_en_ligne{text-align:center;}
#tableaurecap .db,#tableau_paiement #tab_right div.affiche_texte{display:block;}



/*************************************************************************************
/*******************NEW PROCESSUS COMMANDE ******************************************
*****************************************************************************************/



/****************************************************************************************
*********************************FIL D ARIANE********************************************
*****************************************************************************************/
ul#fil_ariane_2{
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	float:left;
	
}
ul#fil_ariane_2 li{
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	position:relative;
	padding:0px 0px 0px 0px;
}

ul#fil_ariane_2 li a{
	display:inline;
	float:left;
	text-decoration:none;
	background:url(/images/commande/fond-fil-ariane.png) no-repeat top left;
	vertical-align:middle;
	line-height:19px;
}
ul#fil_ariane_2 li a span{
	padding:0px 0px 0px 0px;
}

ul#fil_ariane_2 span.span_nbr{
	
	text-align:center;
	display:inline;
	width:24px;
	font-size:17px;
	color:#919090;
	font-weight:bold;
	float:left;
}
ul#fil_ariane_2 span.span_txt{
	font-weight:bold;
	font-size:13px;
	color:#a1a1a1;
	padding:0px 20px 0px 10px;
	float:left;
	text-align:center;
	display:inline;
}


/*************************CLASS POUR LE HOVER*****************************/
ul#fil_ariane_2 li a:hover{
	background:url(/images/commande/fond-fil-ariane-red.png) top left no-repeat;
	color:#fff;
}

ul#fil_ariane_2 li a:hover span.span_nbr{
	color:#fff;
}
ul#fil_ariane_2 li a:hover span.span_txt{
	color:#ff0000;
	background:url(/images/commande/trait_red.png) bottom right no-repeat;
}

ul#fil_ariane_2 li a:hover span.last_item{

	background:none;
}


/************************CLASS POUR LE MENU ACTIF******************************/
ul#fil_ariane_2 li a.actif{
	background:url(/images/commande/fond-fil-ariane-red.png) top left no-repeat;
	color:#fff;
}

ul#fil_ariane_2 li a.actif span.span_nbr{
	color:#fff;
}
ul#fil_ariane_2 li a.actif span.span_txt{
	color:#ff0000;
	background:url(/images/commande/trait_red.png) bottom right no-repeat;
}

ul#fil_ariane_2 li a.actif span.last_item{

	background:none;
}




ul#fil_ariane_2 span.last_item{
	display:inline;
	float:left;
	background:url(/images/commande/fond_last_item.gif) top right no-repeat ;
}




/****************************************************************************************
*********************************COMMANDE ETAPE 1*******************************************
*****************************************************************************************/

.TrebuchetMS{
font-family:Trebuchet MS;
}


.tab_com_1{
	
	color:#6b6b6b;
	position:relative;
	vertical-align:middle;
	float:left;
	width:100%;
}

.tab_com_1 img{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.tab_com_1 td.border_interne{
	padding:0px 0px 0px 0px;
}

.ligne_intitule{
	background:url(/images/gamme/bg-arrond-repeat.gif) repeat-x;
	padding:10px 0px 10px 0px;
	height:24px;
}
.td_entete{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-right:2px solid #e6e7e8;
	text-align:center;
}


.bg_entete_td_l{
	background:transparent url(/images/gamme/bg-arrond-hg.gif) no-repeat top left;
	
}
.bg_entete_td_r{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
	text-align:center;
	background:transparent url(/images/gamme/bg-arrond-hd.gif) no-repeat top right;
}


.bg_last_lign_r{
	height:auto;
	background:url(/images/commande/fond_last_ligne_r.gif) no-repeat bottom right;
}
.bg_last_lign_l_1{
	
	background:url(/images/commande/fond_last_ligne_l_1.gif) no-repeat bottom right;
}
.bg_last_lign_l_2{
	height:auto;
	background:url(/images/commande/fond_last_ligne_l_2.gif) no-repeat bottom left;
}

.bg_last_lign_l_3{
	height:9px;
	background:url(/images/commande/corner_b_l.gif) no-repeat bottom left;
}

.bg_last_lign_l_4{
	width:7px;
	background:url(/images/commande/fond_last_ligne_l_3.gif) no-repeat bottom left;
}
.bg_last_lign_l_5{
	width:7px;
	background:url(/images/commande/fond_last_ligne_l_4.gif) no-repeat bottom left;
}

.border_interne{
border-top:0px solid;
border-left:0px solid;
border-right:2px solid #e6e7e8;
border-bottom:1px solid #e6e7e8;
text-align:center;
}

.border_interne_2{
border-top:0px solid;
border-left:0px solid;
border-right:3px solid #e6e7e8;
border-bottom:1px solid #e6e7e8;
text-align:center;
}




.fond_gris_td{
	
	background:#f1f2f3;
	
}

.fond_blanc_td{
	background:url(/images/commande/fleche.gif) no-repeat 50% 2px #fff;
	padding:10px 15px 10px 15px;
	line-height:20px;
}
.color_red_tab_com_1{
	color:#ff0600;
}


.bg_center_col_1{
	background:transparent url(/images/commande/fond_center_col_1.jpg) repeat-y bottom left;
	text-align:right;
	/*border-left:1px solid #e6e7e8;*/
	border-bottom:1px solid;
	border-right:0px solid;
}

.bg_bottom_col_1{
	background:transparent url(/images/commande/fond_bottom_col_1.jpg) repeat-y bottom left;
	text-align:right;
	/*border-left:1px solid #e6e7e8;*/
	border-bottom:1px solid;
	border-right:0px solid;
}



.bg_td_col1_spec{
	background:transparent url(/images/commande/fond_td_l_2.gif) repeat-y top left;
	text-align:right;
	/*border-left:1px solid #e6e7e8;*/
	border-bottom:1px solid;
	border-right:0px solid;
	
}

.span_spec_1{
	padding:7px 10px 7px 15px;
	/*float:right;*/
	display:block;
}

.span_spec_2{
	padding:0px 10px 7px 15px;
	/*float:right;*/
	display:block;
}

.span_spec_3{
	padding:0px 10px 0px 15px;
	/*float:right;*/
	display:block;
}

.span_spec_4{
	padding:0px 10px 0px 10px;
	/*float:right;*/
	display:block;
}

.sous_trait{
	padding:0px 0px 0px 0px;
	background:transparent url(/images/commande/sous_trait.gif) no-repeat bottom right;
	
}

.hauteur14px{
	height:14px;
}


/**offre anti virus firewall**/
.bloc_AVFW{width:216px; height:90px; background:url(/images/bg-afw-presentation.gif) no-repeat; float:right; display:inline; margin-top:15px}
.bloc_AVFW span{display:none}