/* CSS Document */

/* STYLE CSS - PGES PROCESS COMMANDE */

/* ---------------------- DEBUT - TABLEAU ETAPES PROCESS ---------------------- */
.divProcess{
	background:#eee url(../../images/process_cmde/commun/process_fond.gif) repeat-x top;	
	height:65px;
	margin: 1px 0;
	padding-top:3px; 
	width:674px;
}
.divProcess table{
	margin:0 auto;
	width:665px;
}
.divProcess table.process tr td{
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	height:53px;
	width:159px;
	padding:3px 0;
	vertical-align: top;

	color: #d1d1d1;
}

.divProcess table.process tr td.etape4{
	width:159px;
}

.divProcess table.process tr td.etape5{
	width:125px;
}

.divProcess table.process tr td span.titre, .divProcess table.process tr td span.titreActive{
	color:#afafaf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
}
.divProcess table.process tr td.active{
	color: #404040;
	font-weight:bold;
	text-decoration:underline;
}
.divProcess table.process tr td span.titreActive { 
	color: #ca0003;
	text-decoration:none;
}
.divProcess table.process tr td a:link, .divProcess table.process tr td a:visited{
	text-decoration:none;
}
.divProcess table.process tr td a:hover, .divProcess table.process tr td a:active, .divProcess table.process tr td a:focus{
	text-decoration:underline;
}

.divProcess table.process tr td.alreadyActive span.titre{
	/*color:#afafaf;*/
	color:#6f0002;
	font-weight:bold;
}

.divProcess table.process tr td.active a:link, .divProcess table.process tr td.active a:visited, .divProcess table.process tr td.active a:hover{
	color:#404040;
	font-weight:bold;
}
.divProcess table.process a:link, .divProcess table.process a:visited{
	/*color:#afafaf;*/
	color:#404040;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	text-decoration:none;
}
.divProcess table.process a:hover{
	text-decoration:underline;
}
table.process tr td.fleche4 {
	background: url(../../images/process_cmde/commun/etape_fleche.gif) no-repeat top;
	width: 23px;
}
table.process tr td.fleche5 {
	background: url(../../images/process_cmde/commun/etape_fleche.gif) no-repeat top;
	width: 26px;
}
/* ---------------------- FIN - TABLEAU ETAPES PROCESS ---------------------- */


/* ---------------------- DEBUT - ETAPE 2 ---------------------- */

.recapCheckbox{
	width:23px;
}
.recapProduit{
	width:332px;
}
.recapPrixUni{
	padding-right:5px;
	text-align:right;
	width:70px;
}
.recapQuant{
	text-align:center;
	width:43px;
}
.recapPrixTotal{
	padding-right:5px;
	text-align:right;
	width:70px;
}
.recapIcoSuppr{
	text-align:center;
	width:31px;
}

.recapQuant input{
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:20px;
}

.recapCellGris{	background:#ebebeb; height:32px;}
.recapCellBlanc{ background:#fff; height:32px;}
.recapCellReduc01{ background:#fdfdfd; color:#404040; height:32px;}
.recapCellReduc02{ background:#f3f3f3; color:#404040; height:32px;}
.recapCellService01{ background:#ebf9e0; color:#336600; height:32px;}

.blockH2 table.recap{
	border-collapse: collapse;
	border-spacing:0;
	color:#404040;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	width:100%;
}

.blockH2surcharge {
	width: 100%;
	padding: 0;
}

.blockH2 table th.cell{
	background:#6d6d6d;
	border-left:1px solid white;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	height:20px;
	text-align:center;
}

.recapTitreCategorie, .recapTitreReduc, .recapTitreService{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:14px;
	padding-left:11px;
	line-height:14px;
}
.recapTitreCategorie{					background:#6d6d6d url(../../images/process_cmde/commun/titre_categorie_fond.gif) repeat-x bottom;}
.recapTitreReduc, .recapTitreReducLink{	background:#919191 url(../../images/process_cmde/commun/titre_reduc_fond.gif) repeat-x bottom;}
.recapTitreService{						background:#64ab17 url(../../images/process_cmde/commun/titre_service_fond.gif) repeat-x bottom;}

.recapTitreReducLink{
	padding-right:10px;
	text-align:right;
}
.recapTitreReducLink a:link, .recapTitreReducLink a:visited{
	color:#fff;
	text-decoration:none;
}
.recapTitreReducLink a:hover{	text-decoration:underline;}

.recapSeparationCategorie{ height:6px;}

.recapSeparationSection{ height:10px;}

.sousTotalTxt, .sousTotalPrix, .sousTotalFDP, .sousTotalFDP_CA, .sousTotalFDP_CATxt, .sousTotalFDPPrix, .sousTotalFDPTxt{
	background:#ddd url(../../images/process_cmde/commun/soustitre_fond.gif) repeat-x top;
	height:20px;
	text-align:right;
}
.sousTotalFDP, .sousTotalFDPPrix, .sousTotalFDPTxt, .sousTotalFDP_CATxt{
	background:#ddd;
}
.sousTotalPrix, .totalPrix, .sousTotalFDPPrix, .sousTotalFDP_CATxt{
	padding-right:5px;
}
.sousTotalFDP_CA { text-align: center;}
.sousTotalFDP_CA a { color:#404040;}

.totalTxt, .totalPrix{
	color: #fff;
	background: #404040;
	font-size: 12px;
	height: 20px;
	text-align: right;
}
.totalPrix{
	text-align: center;
}
.totalTxtEco, .totalPrixEco{ 
	background:#fff;
	color:#404040;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	height:15px;
	text-align:right;
}
.totalPrixEco{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:5px;
}
.encartPub{
	height:106px;
}

/* ---------------------- FIN - ETAPE 2 ---------------------- */

/* ---------------------- DEBUT - ETAPE 3 ---------------------- */

.LivrPaysAvertissement, .LivrTelGarageAvertissement {
	background:#6f0000;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
}
.LivrTelGarageAvertissement {
	background:#404040;
	/*margin-top: 8px;*/
	text-align: left;
	text-align: justify
}

.LivrPaysAvertissement a, .LivrTelGarageAvertissement a { 
	color: #fff;
}
.LivrSelectAdd{
	/*background:#828282;*/
	color:#fff;
	line-height:20px;
	margin-top:2px;
	padding:15px 60px;
	background-image: url("../../images/process_cmde/commun/livraison_choix_simple_multiple.png");
	background-repeat: repeat-x;
}

.selectLivreAdress {
	float: left;
	width: 283px;
}
.selectLivreAdress select {
	margin-top:10px;
	/*taille pour le fixIeDropDown*/
	min-width: 250px;
	/*taille sur tous les autres navigateurs*/
	width: 250px;
	
}

.encartEtiquette{
	/*background: url(../../images/process_cmde/commun/encart_etiquette_fond.png) repeat-x top;*/
	background: #d4d4d4;
	/*height:154px;*/
}
.encartEtiquetteCenter{
	margin:0 auto;
	padding-top:10px;
}
.recap_cmde_livre_txt_nom, .recap_cmde_livre_txt_add, .recap_cmde_livre_txt_ville, .recap_cmde_livre_txt_cp{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#000;
	text-transform:uppercase;
}
.recap_cmde_livre_txt_add{	font-weight:normal;}
.recap_cmde_livre_txt_ville, .recap_cmde_livre_txt_cp {	font-size:12px;}

.recap_cmde_livre_etiquette_01 {
	background:url(../../images/process_cmde/commun/recap_cmde_fond_etiquette_01.gif) no-repeat;
	height:8px;
	width:37px;
}
.recap_cmde_livre_etiquette_02 {
	background:url(../../images/process_cmde/commun/recap_cmde_fond_etiquette_02.gif) repeat-x;	
	height:8px;
	min-width:164px;
}
.recap_cmde_livre_etiquette_03 {
	background:url(../../images/process_cmde/commun/recap_cmde_fond_etiquette_03.gif) no-repeat;	
	height:8px;
	width:10px;
}
.recap_cmde_livre_etiquette_04 {
	background:url(../../images/process_cmde/commun/recap_cmde_fond_etiquette_04.gif) repeat-y;	
	min-height:65px;
	width:37px;
}
.recap_cmde_livre_etiquette_05 {
	background: #fffefa;	
	min-height:65px;
	/*padding:7px 3px;*/
	min-width: 164px;
	text-align: left;
}
.recap_cmde_livre_etiquette_06 {
	background:url(../../images/process_cmde/commun/recap_cmde_fond_etiquette_06.gif) repeat-y;	
	min-height:65px;
	width:10px;
}
.recap_cmde_livre_etiquette_06 div.minHeight {
	height: 65px;
}
.recap_cmde_livre_etiquette_07 {
	background:url(../../images/process_cmde/commun/recap_cmde_fond_etiquette_07.gif) no-repeat;	
	height:8px;
	width:37px;
}
.recap_cmde_livre_etiquette_08 {
	background:url(../../images/process_cmde/commun/recap_cmde_fond_etiquette_08.gif) repeat-x;	
	height:8px;
	min-width:164px;
}
.recap_cmde_livre_etiquette_09 {
	background:url(../../images/process_cmde/commun/recap_cmde_fond_etiquette_09.gif) no-repeat;	
	height:8px;
	width:10px;
}

.contactCDM{
	background:#404040 url(../../images/transverse/commun/icone_alert_tel.gif) no-repeat 2.5% 20%;
	clear:both;
	color:#fff;
	margin-bottom:10px;
	padding:10px 20px 10px 65px;
	width:485px;
}
.boutonGrisEditAdd{
	color:#fff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background: url(../../images/transverse/commun/btn_fond_gris_long.png) no-repeat center right;
	text-align: center;
	padding:0 21px 0 10px;
	height:20px;
	line-height:20px;
}
.boutonGrisEditAdd a:link, .boutonGrisEditAdd a:visited{
	color:#fff;
	text-decoration: none;
}
.boutonGrisEditAdd a:hover{
	color:#fff;
	text-decoration: underline;
}

.affichageAdresse {
	background: url(../../images/process_cmde/commun/deg_bloc_add.gif) repeat-x top #FAFAFA;
	/*margin: 0 -20px;*/
	padding-top:20px;
}
.affMasqueGoogleMaps {
	background: #d4d4d4;
	clear: both;
	padding: 5px 0;
	text-align: center;
}
.affMasqueGoogleMaps img {	vertical-align: middle;}
.affMasqueGoogleMaps a:link, affMasqueGoogleMaps a:visited {/*color:#404040; */text-decoration: none;}
.affMasqueGoogleMaps a:hover {text-decoration: underline}

.blocItineraire {
	background: #d4d4d4;
	padding:10px 50px;
	text-align: center;
	width: 470px;
}

/* ---------------------- FIN - ETAPE 3 ---------------------- */

/* ---------------------- DEBUT - ETAPE 4 ---------------------- */

/* ---------------------- Partie POP-UP CGV - DEBUT ---------------------- */
.popup_fond{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position: fixed;
    background-image: url(../../images/transverse/commun/background_transparent.png);
}
.popup_contenuCGV{
	width: 80%;
	height: 50%;
	background-color: #FFFFFF;
	display: block;
	position:absolute;
	top: 50%;
	left: 50%; 
	margin-top: -50%;
	margin-left: -40%;
	padding:10px;
	border:2px solid #404040;
}
.popup_titre{
	background:url(../../images/transverse/commun/fond_titrerouge26.png) repeat-x;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:26px;
	text-align:center;
	width:100%
}
.popupCGVcontentTxt{
	font-size:12px;
	height:430px;
	margin-bottom:10px;
	padding:10px;
	overflow:scroll;
	overflow-x: hidden;
}
popupCGVcontentBlockGris{
	background-color:#cdcdcd;
	border:1px solid #000;
	margin:10px 0;
	padding:0 10px 10px;
}
.popupBtnGris{
	height:20px;
	line-height:20px;
	margin:0;
	width:auto;
}
.popupBtnRouge{
	height:20px;
	line-height:20px;
	margin:0;
	padding:0;
}
/* ---------------------- Partie POP-UP CGV - FIN ---------------------- */


/* ---------------------- Partie POP-UP GARANTIES PAIEMENT - DEBUT ---------------------- */
.popup_contenuGP{
	width: 647px;
	height: 540px;
	background-color: #FFFFFF;
	display: block;
	position:absolute;
	top: 50%;
	left: 50%; 
	margin-top: -300px;
	margin-left: -323px;
	padding:10px;
	border:2px solid #404040;
}
.popupCGVcontentTxt .blockH2 {
	font-size:12px;
	background: #FAFAFA;
	color:#404040;
	padding:20px;
	/*margin-bottom:30px;*/
	/*width:570px;*/
}
.popupCGVcontentTxt h2 {
	min-height:26px;
	height:auto !important;
	color:#fff;
	font-size:14px;
	background: url(../../images/transverse/commun/h2_fond_titre.png) #6a6a6a repeat-x bottom;
	line-height: 1.8;
	padding:0 20px;	
	text-align:left;
}
/*
.popup_contenuGP .popupGPcontentTxt{
	font-size:12px;
	height:430px;
	margin-bottom:10px;
	padding:10px;
	overflow:scroll;
	overflow-x: hidden;
}

.popupGPcontentBlockGris{
	background-color:#cdcdcd;
	border:1px solid #000;
	margin:10px 0;
	padding:0 10px 10px;
}
*/

/* ---------------------- Partie POP-UP GARANTIES PAIEMENT - FIN ---------------------- */

.paypal_amex {
	background: #cee7fc url(../../images/process_cmde/commun/logo_amex_paypal.gif) no-repeat 20px;	
	color: #12557a;
	font-size: 11px;
	height: auto;
	padding: 5px;
	margin-bottom: 20px;
	text-align: left;
	width: 560px;
}
.paypal_amex_ca {
	background: #cee7fc url(../../images/process_cmde/en_CA/logo_amex_paypal.gif) no-repeat 10px;	
	color: #12557a;
	font-size: 11px;
	height: auto;
	padding: 15px 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	width: 560px;
}


/* ---------------------- FIN - ETAPE 4 ---------------------- */

/* ---------------------- DEBUT - ETAPE 5 ---------------------- */

.encartCommande {
	background: #fff;
	font-weight: bold;
	margin: 10px auto;
	padding: 10px 10px 30px 10px;
	text-align: right;
	width: 87%;
}

.encartTitre{
	background:#606060;
	color:#fff;
	font-weight:bold;
	margin:10px auto -10px auto;
	padding:3px 10px;
	width:87%;
}
.encartTxt {
	padding-top: 10px;
	text-align: center;
}
.encartTxt p, .encartTxt p .left, .encartTxt p .right{
	float:left;
	font-weight:bold;
	text-align:right;
	margin:0 5px;
	width:40%;
}
.encartTxt p .right{
	font-weight:normal;
	text-align:left;
	width:50%;
}

.encartTxt p {
	float: none;
	font-weight: normal;
	text-align: left;
	width: 100%;
}
.encartTxt img.banque{	
	margin-top: 20px;
	text-align: center;
}


.questSatisfaction{
	text-align:left;
}
.questSatisfaction table{
	border-collapse:collapse;
	border-spacing:0;
	/*width:570px;*/
}
.questSatisfaction table tr.gris{
	background:#e7e7e7;
}
.questSatisfaction table tr.blanc{
	background:#fff;
}
.questSatisfaction table tr th, .questSatisfaction table tr td{
	text-align:center;
	padding:2px 10px;
}
.questSatisfaction table tr td.liste{
	padding-left:10px;
	text-align:left;
}
.questSatisfaction input.case{
	margin:5px 5px 5px 30px;
	vertical-align: middle;
}
.questSatisfaction input.textfield{
	margin:10px 25px;
	height:45px;
	width:510px;
}
/* ---------------------- FIN - ETAPE 5 ---------------------- */


/* ---------------------- DEBUT - GEN RECAP ---------------------- */
/*ANCIENS */
.genRecapEtapeTitre{
	background:#949494 url(../../images/process_cmde/commun/gen_recapprocess_etape_fond.gif) repeat-x bottom;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding:0 15px;
}

.genRecapEtapeTitre a:link, .genRecapEtapeTitre a:visited{
	color:#e1dddc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.genRecapEtapeTitre a:hover{
	background:none;
	color:#fff;
	text-decoration:underline;
}

.genRecapEtapeTableauContent .garantie{
	color:#5ca40e;
	font-weight:bold;
}
/* NOUVEAUX */
.genRecapEtapeTableauContent {
    background:#e1dddc;
    height: 100%;
    padding: 10px;
    width:276px;
}
.genRecapEtapeTableauContent table.type {    margin-bottom: 10px;}
.genRecapEtapeTableauContent table .recapTitreSection, .genRecapEtapeTableauContent table .recapTitreSectionAssu {
    background:#6d6d6d url(../../images/process_cmde/commun/titre_categorie_fond.gif) repeat-x bottom;
    color: #fff;
    height: 16px;
}
.genRecapEtapeTableauContent table .recapTitreSectionAssu {
    background:#64ab17 url(../../images/process_cmde/commun/titre_service_fond.gif) repeat-x bottom;
}
.genRecapEtapeTableauContent table tr.recapTitreSection th, .genRecapEtapeTableauContent table tr.recapTitreSectionAssu th {
    padding-left: 10px;
    text-align: left;
}
.genRecapEtapeTableauContent table .recapTitreSectionAssu tr th {
    background:#64ab17;
}
.genRecapEtapeTableauContent table.recapTitreSection td th {
    color:#fff;
}
.genRecapEtapeTableauContent .recapContentProduit01 td, .genRecapEtapeTableauContent .recapContentProduit02 td {
    background:#ebebeb;
    padding: 10px 10px 0;
}
.genRecapEtapeTableauContent .recapContentProduitQuantite01 td, .genRecapEtapeTableauContent .recapContentProduitQuantite02 td { background:#ebebeb; padding: 0 10px 10px;}
.genRecapEtapeTableauContent .recapContentProduit02 td, .genRecapEtapeTableauContent .recapContentProduitQuantite02 td { background:#fff;}

.genRecapEtapeTableauContent .assurance tr.recapContentProduitAssu td {
    background:#ebf9e0;
    color:#336600;
    font-weight:bold;
    padding: 5px 10px;
}
.genRecapEtapeTableauContent table.recapTotal{ 
    background:#404040;
    color:#fff;
    height: 20px;
    padding-right: 10px;
    margin: 0 0 20px 20px;
}
.genRecapEtapeTableauContent table.recapTotal tr td{ 
    color:#fff;
    font-weight:bold;
    text-align:right;
}
.genRecapEtapeTableauContent table.reduction tr td {
	background: #fff;
	color: #1283c0;
	font-weight: bold;
	padding: 5px 10px;
}
.genRecapEtapeTableauContent table.fdpTotal tr td {
	background: #9d9d9d;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	padding: 5px 10px;
}
.genRecapEtapeTableauContent table.totaux { 	margin-top: 1px;}
.genRecapEtapeTableauContent table.totaux tr td {
	background: #404040;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
}
/* ---------------------- FIN - GEN RECAP ---------------------- */