/*********** Surcouf ***********/

/*Process Navigation*/

/* Nouveau code */
#Content .Bouton011 {
	width:705px;
	margin: 30px 0;
	text-align: left;
	display: block;
}
#Content .Bouton011 p{
	margin-left: 200px;
}

#Content .Bouton011 a.bt_add{
	float:left;
	background: url(../img/B2C/common/cartouche_rouge.gif) left 0 no-repeat;
	display:block;
	text-align: center;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	padding-top:6px;
	width:260px;
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:22px;
	voice-family: "\"{\"";
}

#Content .Bouton010 {
	width:705px;
	margin: 30px 0;
	text-align: left;
	display: block;
}
#Content .Bouton010 p{
	margin-left: 360px;
}

#Content .Bouton010 a.bt_add{
	float:left;
	background: url(../img/B2C/common/cartouche_rouge.gif) left 0 no-repeat;
	display:block;
	text-align: center;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	padding-top:6px;
	width:260px;
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:22px;
	voice-family: "\"{\"";
}

#Content p.messageDesole{
	font-size: 15px;
	text-align: center;
	margin-top: 90px;
}

/* Nouveau code */


/*process background*/

select{
	border:1px solid #C0CAD8;
}
#miniBreadcrumb{
	float:left;
	margin:5px 0 16px 10px;
}
#processList {
	text-align: left;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	width:705px;
	margin:0 0 16px 0;
	padding-top:16px;
	border-top:1px solid #C0CAD8;
}
#processList li {
	display:inline;
}
.processInfos{
	padding:0 0 0 9px;
	color:#45a3d9;
}

.bt_ok{
	background: url(../img/B2C/common/bg_btok.gif) no-repeat;
	border:none;
	color:#E61C08;
	font-weight: bold;
	width:25px;
	height: 18px;
	padding-bottom:2px;
	text-align: center;
	/*margin-right:8px;*/
	cursor: pointer;
}
/* Savoir PLus*/
.savoirPlus{
	background:url(../img/B2C/process/savoir_plus.gif) no-repeat left top ;
	padding:10px 0 0 35px;
	margin-top:5px;
	margin-bottom:8px
}
.savoirPlus span{
	 color:#4BB2E9;
	 font-weight:bold;
	 font-size:13px;
}
.savoirPlus a{
	color: #E61C08;
	text-decoration: underline;
}
.savoirPlusBig{
	background:url(../img/B2C/process/savoir_plus_big.gif) no-repeat left top;
	width:425px;
	padding:10px 0 0 90px;
	margin:5px auto 8px auto;
	text-align:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:335px;
	voice-family: "\"{\"";
}
.savoirPlusBig p{
	padding:10px 0;
}
/*****Process table*/
.basketTable{
	width:100%;
	text-align:center;
	color:#e61c08;
	margin-bottom:10px;
	border:1px solid #C0CAD8;
	border-right:none;
}
.basketTable th{
	background-color:#DFEBFF;
	padding:5px 10px;
	color:#000;
	border-right:1px solid #C0CAD8;
}
.basketTable td{
	border-right:1px solid #C0CAD8;
}
.basketTable p{
	color:#000;
}
.basketTable .block_prod{
	width:235px;
	text-align:left;
	float:left;
	clear:left;
	color:#000;
}

.offreBienvenue{
   float:left;
	width:110px;
	margin-top:0px;
   padding-left:30px;
   margin-left:50px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: bold;
	font-size:11px;
	background:url(../img/B2C/process/offre_bienvenue.gif) no-repeat left;
}

.offreBienvenueAvantage{
   float:left;
	width:110px;
	margin-top:0px;
   padding-left:30px;
   margin-left:50px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: bold;
	font-size:11px;
	background:url(../img/B2C/process/point8pourcent.gif) no-repeat left;
}

.basketTable .visu_prod{
	float:left;
	width:80px;
}
.basketTable .desc_prod{
	float:left;
	width:135px;
	margin-top:20px;
	margin-left:10px;
}
/* input style*/
.inputStyle{
	height:16px;
	border:1px solid #C0CAD8;
}
.inputStyleConsignesLivraison{
  width:312px;
	border:1px solid #C0CAD8;
}
.inputStyleBugIE6 {
    border:1px solid #C0CAD8;
    margin:1px;
}

.Bord1pxR {
	border: 1px solid #FF0000;
}

.selectStyle{
	width:40px;
}
.selectStyleFor4{
	width:40px;
}
.selectStyleFor3{
	width:30px;
}
.selectStyleFor6{
	width:60px;
}
.selectStylePaiement{
	width:120px;
}
.selectStylePays{
	width:130px;
}
.selectStyleDate{
	width:80px;
}
/***** Block ajout de quantité*/
.basketTable .qty_prod{
	padding-top:5px;
	width:70px;
	text-align: center;
	margin: 0 auto 0 auto;
}

.basketTable .qty_prod input{
	width:25px;
	text-align: right;
	float:left;
	border:1px solid #C0CAD8;
	margin-left:10px;
}

.basketTable .qty_prod span{
	float:left;
	display:block;
	width:19px;
	height:17px;
}

html>body .basketTable .qty_prod span{
	margin:-3px 0;	
}

.basketTable .qty_prod span a{
	float:left;
	width:19px;
	height:8px;
	display:block;
}

#Content .Block_infoprod .prod_complement .qty_prod span a img{
	font-size: 0px;
	margin:0;
}

#Content .Block_infoprod .prod_complement .qty_prod p{
	width:100%;
	float:left;
	margin-top: 10px;
}
/***** Block ajout de quantité*/


/*****End Process table*/

/*****Price*/
.basketTable .price{
	color:#E61C08;
	font-size: 15px;
	font-weight: bold;
}
/*****End Price*/

/*****Calcul Total Commande*/
#Block_Reduction {
	font-weight:bold;
	float:left;
	width:250px;
	text-align:right;
	padding-right:15px;

}
#Block_Calcul {
	float:left;
	width:262px;
	text-align:center;
	margin-bottom:16px;

}

.detail_Calcul {
	color:#E61C08;
	clear:left;
	border:1px solid #c0cad8;
	border-top:none;
	padding:5px;
}
.sous_total_calcul 
{
	color:#E61C08;
	clear:left;
	padding:5px;
}
.total_calcul 
{
	font-size: 13px;
	color:#E61C08;
	clear:left;
	padding:5px;
	font-weight: bold;
}

.erreur_CA{
  color:#E61C08;
  font-weight: bold;
}

#Block_Reduction input {
	margin:6px;
}
#Block_Calcul>p {
	text-align:left;
	padding:5px;
}

#Block_Calcul a {
	color:#E61C08;
	text-decoration:underline;
}
#Block_Calcul .titre_block h3{
	float:none;
	text-align:center;
	text-transform:none;
}
/*****END Calcul Total Commande*/




/*****formulaire inscription particulier*/
.Block_form{
	border:1px solid #c0cad8;
	margin-bottom:16px;
	width:703px;
}
.deco_form{
	background:url(../img/B2C/process/bgd_bluegrad.gif) repeat-y right top ;
	width:100%;
}
/* table decoration*/
.deco_form_table{
	background-color:#EEF3FC;
}
.deco_form_td{
	background:url(../img/B2C/process/bgd_bluegrad_table.gif) repeat-y right top ;
}
/* Fin table decoration*/
.deco_form_double{
	background:url(../img/B2C/process/bgd_doublebluegrad.gif) repeat-y right top ;
	width:100%;
}
.deco_form_paiement{
	background:url(../img/B2C/process/bgd_vertical_line.gif) repeat-y right top;
	width:100%;
}

#form_containor {
	position:relative;
	width:705px;
}

#form_containor input {
	
}
#form_containor label {
	font-weight:bold;
	font-size:13px;
	
}
#form_containor em {
	font-weight:normal;
	font-style:normal;
	font-size:11px;
	
}
#form_containor .titre_block{
	text-align:left;
	float:none;
}
#form_containor h3{
	font-weight:bold;
	font-size:16px;
	color:#000000;
}
#form_containor h3.title {
	font-size:15px;
	padding: 2px 0 10px 0;
}
#form_containor h3.title span {
	font-size:15px;
	padding: 2px 0 10px 0;
}
#form_containor h5, #form_containor h4{
	font-weight:bold;
	font-size:13px;
	color:#000000;
}
#form_containor .titre_block h3{
	float:none;
	font-size:11px;
	color:#FFFFFF;
}
#form_containor a{
	color: #E61C08;
	text-decoration: underline;
}
/* alerte point rouge*/
#block_pointrouge{
	position:absolute;
	top:200px;
	left:350px;
	width:240px;
	height:140px;
	border:1px solid #0072AC;
	background-color:#FFFFFF;
	z-index:40px;
}
#block_pointrouge div{
	width:200px;
	height:100px;
	position:relative;
	margin:0 0 0 30px;
	padding:15px 0 0 0;
	background:url(../img/B2C/process/bgd_pointrouge_grad.gif) repeat-y right top ;
}
#block_pointrouge h5{
	padding:3px 0 10px 18px;
	background:url(../img/B2C/process/bgd_pointrouge.gif) no-repeat left 4px;
}
/*****lancement Inscription & login*/
#inscription{
	float:left;
	width:448px;
	border-right:1px solid #c0cad8;
	margin-right:22px;
}
#login{
	float:center;
	width:215px;
}
#login_centre{	
	width:215px;
}
#input_login{
	background:url(../img/B2C/process/bgd_login.gif) no-repeat left top ;
	padding:0 12px;
	margin-bottom:20px;
	height:117px;
}
#input_login p {
	padding:10px 0 0 0;
}
#input_login label{
	display:block;
	font-weight:normal;
	font-size:11px;
}
#input_login input{
	border:1px solid #c0cad8;
	height:16px;
}
/*****End inscription & login*/


#form_selector{
	text-align:right;
}
#form_selector div{
	text-align:left;
	width:300px;
	float:left
}
#form_selector ul{
	width:100%
}
#form_selector li{
	color:#000000;
	display:inline;
}
#form_selector a{
	border:1px solid #c0cad8;
	border-bottom:none;
	background-color:#DFEBFF;
	padding: 3px 25px 6px 25px;
	margin-right:10px;
	float:left;
	color:#000000;
}
#form_selector a.current{
	background:#C3D9FF url(../img/B2C/process/arrow_black_down.gif) no-repeat center bottom  ;
	font-weight:bold;
}
#form_selector p{
	float:right;
	width:200px;
}





.form_element{
	width:221px;
	float:left;
	padding:5px 0 5px 9px;
}
.deco_form_double .form_element{
	width:342px;
}
.deco_form_double .form_element p{
	padding:8px 0 8px 0;
	line-height:25px;
}
.deco_form_paiement .form_element{
	width:140px;
	height:125px;
	float:left;
	padding:0 0 0 9px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:131px;
	voice-family: "\"{\"";
}
#block_Adress .form_element p{
	line-height:16px;
}
.form_element label span {
	color:#E61C08;
}
.form_element_wide {
	width:355px;
	float:left;
	padding:9px 0 9px 9px;

}
.form_element_wide label span {
	color:#E61C08;
}
.form_element_wide2 {
	width:330px;
	float:left;
	padding:9px 0 9px 9px;

}
.form_element_wide2 label span {
	color:#E61C08;
}
#block_civilite{
	float:left;
	width:200px;
	margin-left:30px;
}
#block_civilite label{
	font-weight:normal;
	font-size:11px;
}
#surcoufCard{
	display:block;
}
.block_border{
	margin-bottom:16px;
	padding:0;
	border:1px solid #c0cad8;
	border-top:none;
	width:703px;
}
/* Block paiement*/
#block_paiement{
	position:relative;
	width:704px;
	border:1px solid #c0cad8;
	border-right:none;
	border-top:none;
	margin-bottom:16px;
}
#block_paiement input{
	margin-left:5px;
}
#paiement_cb{
	float:left;
	border-right:1px solid #c0cad8;
	width:141px;
	height:150px;
	padding-top:4px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
	voice-family: "\"{\"";
}
#paiement_surcouf{
	float:left;
	border-right:1px solid #c0cad8;
	width:141px;
	height:150px;
	padding-top:4px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
	voice-family: "\"{\"";

}
#paiement_partner{
	float:left;
	border-right:1px solid #c0cad8;
	width:141px;
	height:150px;
	padding-top:4px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
	voice-family: "\"{\"";

}
#paiement_kadeos{
	float:left;
	border-right:1px solid #c0cad8;
	width:141px;
	height:150px;
	padding-top:4px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
	voice-family: "\"{\"";

}
#paiement_check{
	float:left;
	border-right:1px solid #c0cad8;
	width:141px;
	height:150px;
	padding-top:4px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
	voice-family: "\"{\"";

}
#paiement_entreprise{
	float:left;
	border-right:1px solid #c0cad8;
	width:141px;
	height:150px;
	padding-top:4px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
	voice-family: "\"{\"";

}
#paiement_administration{
	float:left;
	border-right:1px solid #c0cad8;
	width:141px;
	height:150px;
	padding-top:4px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
	voice-family: "\"{\"";

}
.testDeactivate{
	background-color:#E5E5E5;
}

.processAddons p{
	padding:0 0 10px 9px;
}
#blockMagasin{
	width:100%;
	background:url(../img/B2C/process/bgd_totallivraison.gif) no-repeat 355px 80px;
}
#blockDomicile{
	width:100%;
	background:url(../img/B2C/process/bgd_totallivraison.gif) no-repeat 355px 80px;
}

#block_Localite{
	float:left;
	border:1px solid #c0cad8;
	width:353px;
	height:186px;
	margin-bottom:5px;

}
.Emporte2{
 background:url(../img/B2C/process/bgd_localite_daum.jpg) no-repeat right top ;
}
.Emporte12{
 background:url(../img/B2C/process/bgd_localite_hauss.jpg) no-repeat right top ;
}
.Emporte10{
 background:url(../img/B2C/process/bgd_localite_stras.jpg) no-repeat right top ;
}
.Emporte11{
 background:url(../img/B2C/process/bgd_localite_bordo.jpg) no-repeat right top ;
}
.Emporte9{
 background:url(../img/B2C/process/bgd_localite_belep.jpg) no-repeat right top ;
}

#block_expedition{
	float:left;
	border:1px solid #c0cad8;
	width:353px;
	background:url(../img/B2C/process/bgd_halfbluegrad.gif) repeat-y;
	margin-bottom:16px;
	padding:0 0 15px 0;
}
#blockMagasin #Block_Calcul{
	padding:10px 0 0 9px;
	margin:35px 0 0 35px;
}
#blockDomicile #Block_Calcul{
	padding:10px 0 0 9px;
	margin:35px 0 0 35px;
}
#block_Localite select{
	width:145px;
	margin: 2px 4px 2px 0;
	vertical-align: middle;
}
#block_Localite h5, #block_expedition h5{
	margin: 5px 5px 5px 9px;
}
#block_Localite h5 span, #block_expedition h5 span{
	color:#E61C08;
}
#block_Localite .form_element{
	float:right;
	width:190px;
	padding:0;
}
#block_Localite .form_element p{
	padding:0 0 8px 0;
}
#block_expedition .form_element{
	float:left;
	width:340px;
	padding:0 9px 0 0;
}
#block_expedition label{
	font-weight:normal;
	font-size:11px;
	display:block;
	float:left;
}
#block_expedition input{
	display:block;
	float:left;
	width:40px;
}
#block_expedition .price{
	color:#E61C08;
	font-size: 13px;
	font-weight: bold;
}
#block_Adress{
	width:703px;
	margin-bottom:16px;
	padding:0;
	border:1px solid #c0cad8;
}
#block_recap #Block_Calcul{
	float:none;
	margin-left:auto;
	margin-right:auto;
}
.entete{
	padding:0 0 10px 0;
}
.spacing{
	margin:16px 0 16px 0;
}
.inputSpacing{
	margin:5px 0 5px 0;
}

/********** Affichage Paiement par cheque */
#showCheck{
	display:block;
	padding:0 0 16px 0;
}
#showCheck h4, #showCheck h5{
	margin-bottom:10px;
}
#block_caisse{
	background:url(../img/B2C/process/bgd_caisse.gif) left top no-repeat;
	margin: 0 auto 16px auto;
	width:195px;
/*	height:69px;*/
	height:69px;
	text-align:center;
}
#block_caisse p{
	font-size:13px;
	font-weight:bold;
	color:#E61C08;
	padding:2px;
}
#block_avertissement{
	background:url(../img/B2C/process/bgd_avertissement2.gif) left top no-repeat;
	margin: 16px auto 16px auto;
	width:704px;
	height:110px;
	text-align:center;
}
#block_avertissement p{
	padding:6px 6px 0 6px;
}

#block_avertissement_magasin{
	background:url(../img/B2C/process/bgd_avertissement_magasin.gif) left top no-repeat;
	margin: 0 0 16px 0;
	width:353px;
	height:60px;
	text-align:center;
}
#block_avertissement_magasin p{
	padding:6px 10px 0 10px;
}
/********** Fin Affichage Paiement par cheque */
/********** Affichage Paiement par carte Surcouf */
#showSurcouf{
	display:block;
	padding:0 0 16px 0;
}
#showSurcouf h4, #showSurcouf h5{
	margin-bottom:16px;
}
#showSurcouf ul{
	width:570px;
}
#showSurcouf li{
	clear:both;
	display:block;
}
#showSurcouf li p{
	padding-bottom:12px;
}

#showSurcouf li label{
	width:120px;
	text-align:right;
	display:block;
	float:left;

}
#showSurcouf li input{
	width:25px;
	display:block;
	float:left;
}
#showSurcouf li p.link_simulation{
	padding:0 0 12px 145px;
}
.highLight{
	background-color:#FFF133;
}
/********** Fin Affichage Paiement par carte Surcouf */
/********** Affichage Paiement par carte bleue */
#showCb{
	display:block;
	padding:0 0 16px 0;
}
#showCb h4, #showCb h5{
	margin-bottom:16px;
}
#showCb #cbLeft{
	float:left;
	width:350px;
	margin-right:40px;
}
#showCb #cbRight{
	float:left;
	width:300px;
}

/********** Fin Affichage Paiement par carte bleue */
/*** Step 5 confirmation */
#block_cumulPoint{
	background:url(../img/B2C/process/bgd_cumulpoint.gif) left top no-repeat;
	margin: 0 6px 16px 0;
	width:221px;
	height:68px;
	text-align:center;
	float:left;
}
#block_cumulPoint p{
	padding:6px 30px 0 30px;
	font-weight:bold;
}
#block_cumulPoint span{
	color: #E61C08;
}
#block_remerciement{
	float:left;
	width:302px;
	margin: 0 6px 16px 0;
}
#block_dispatch{
	float:left;
	width:150px;
}
/* message pop up*/
#block_popup{
	position:absolute;
	border:1px solid #0072AC;
	background-color:#FFFFFF;
	z-index:40px;
}
#block_popup div{
	width:280px;
	height:180px; /* taille max pour IE6 */
	position:relative;
	margin:0 0 0 20px;
	padding:0px 0 0 0;
	background:url(../img/B2C/process/bgd_popup_grad.gif) repeat right bottom;
}

html>body #block_popup div { /* html>body n'est pas pris en compte par ie*/

  height: auto; /* annule l'instruction précédente */
  min-height: 180px;

}
#block_popup h5{
	padding:3px 0 10px 18px;
	background:url(../img/B2C/process/bgd_pointrouge.gif) no-repeat left 4px;
}
/* message pop up*/
#block_bigpopup{
	position:absolute;
	top:-60px;
	left:35px;
	width:600px;
	height:400px;
	border:1px solid #0072AC;
	background-color:#FFFFFF;
	z-index:40px;
}
#block_bigpopup div{
	width:580px;
	height:380px;
	position:relative;
	margin:0 0 0 30px;
	padding:15px 0 0 0;
	background:url(../img/B2C/process/bgd_bigpopup_grad.gif) repeat right bottom;
}
#block_bigpopup h5{
	padding:3px 0 10px 18px;
	background:url(../img/B2C/process/bgd_pointrouge.gif) no-repeat left 4px;
}

#Content #form_containor #form_selector .SousTitreInfoPersoChampObligatoire{
	color:#E61C08;
}

.MesgProduitSup{
FONT-WEIGHT:bold;
FONT-SIZE:larger;
COLOR:red;
}