@charset "utf-8";
/* CSS Document */
#head {width:100%;height:75px; background: transparent url(img/head_bkg.png) top; clear:both;}
#top_line {width:100%;background-color:#F60;height:20px;line-height:20px;}

/*panier, confirmation*/
#pan_btns {width:auto;margin-right:0;float:right}
#pan_btns span {margin: 0}
#pan_tab {width:100%;margin:30px auto 40px auto;font-size:1em; background-color:transparent}
#pan_ttls {height:40px;background-color:#efefef;border-bottom:1px solid #ccc}
#pan_ttls td {height:70px;text-align:center;padding:0 10px;vertical-align:middle;border-left:1px solid #ccc}
#pan_tab tbody {border-top:1px solid #ccc;}
.pan_line {height:70px;background-color:#fff;}
.pan_line td {border-top:1px solid #ccc;}
.pan_line img { margin-right:5px}
#pan_tab a {color:#000;}
#pan_tab a:hover {text-decoration:underline}
.cel_refs {width:300px;}
.cel_ico{min-width:150px;text-align:center;/*border-left:1px solid #ccc;*/}
.cel_ico img {width:100px; height:auto}
.pdt_eq_lk {line-height:140%}
.cel_lib {width:35%;text-align:left;padding:10px; }
.cel_lib span {font-size:0.85em}
.cel_vers{width:100px}
.cel_supp{width:16px!important; }
.plus_inp, .moins_inp {width:10px;font-size:10px;text-align:center;cursor:pointer; }
.input_quant {width:11px;text-align:center}
.cel_res{/*border-left:1px solid #ccc*/background-color:#fff;;height:40px;}
/* CONF2 — remplacé : .cel_res_ttl,.cel_res_ttl2,.cel_promo {background-color:#fff;text-align:right;padding-right:10px} */
.cel_res_ttl2 {/*border-left:1px solid #eee*/}
.cel_promo {/*border-left:1px solid #ccc;*/background-color:#fff;}

/* CONF2 — remplacé : .cel_tot, .cel_res_tot {text-align:right;padding-right:10px;background-color:#f4f4f4;} */

/* CONF2 — remplacé : #line_tot td {vertical-align:bottom;height:30px;border-top:1px solid #ccc} */
#line_trans td {height:30px;}
 #pan_sub,#pan_sub_top {float:right; margin-bottom:20px}
#pan_sub_top {display:none;margin-bottom: 0!important}
/* CONF2 — remplacé : #line_ttc td {height:70px;border-bottom:1px solid #ccc!important} */
#line_ttc .cel_res_tot{border-top:1px solid #ddd;font-size:16px}
#add_ttls td {padding:0 30px;height:40px;background-color:#efefef;}
#add_tr td {padding:0 20px;background-color:#FFF;border-bottom:1px solid #ccc;}
.add_p_left {text-align:left;margin:20px 0;padding:10px;border:1px solid #ccc;}
.add_p_left span {font-weight:normal}
.add_p_right {text-align:right;font-size:14px;margin:20px 0;padding:10px;border:3px solid #ccc; }
#ttle_fact_td, #add_fact_td {border-left:1px solid #ccc;}

#conf_form {border:none;margin:0;padding:0}
#conf_form a {color:#F60}
#cel_sub_cmd { width:300px; border:none; clear:both;margin:20px auto 25px auto}
#cel_cgv {padding-bottom:25px; background-color: transparent!important;  /* border-left:1px solid #ccc;*/border-top:1px solid #ccc; }
.cel_cgv_tr {background-color: transparent!important; background:none}
#cgv_title,.title_table_conf, .title_table_conf2 {background-color:#eee;font-size:1.4em;font-family:'josefin',Verdana, Geneva, sans-serif; }
/* CONF2 — remplacé : #cgv_title { width:430px; height:30px; cursor:pointer; padding:10px 0 0 0; margin:1em auto 0 auto; text-align:center; border:1px solid #eee; clear:both } */
.title_table_conf {width:100%; line-height:3em; height:3em; background-color:#eee;margin :0.5em 0 1.5em 0}
/* CONF2 — remplacé : #cgv_lk_cnt { width:430px; cursor:pointer; font-size:0.8em; padding:20px 0 0 0; border:1px solid #eee; min-height:6em; margin:-15px auto 2em auto; clear:both } */
/* CONF2 — remplacé : .title_table_conf2 {clear:both; padding:1em; margin:1em auto 1.5em auto} */
 
/* CONF2 — remplacé : .pay_cnt_note,.pay_cnt_note2 {font-size:0.8em;line-height:1.6em;padding:1.5em 2.5em 2.5em 2.5em;text-align:justify} */
/* CONF2 — remplacé : .pay_cnt_note2 {text-align:center; padding:2em 0 0 0} */
.sep_ch {padding:0.5em}
#cgv_lk {color:#ff8330;cursor:pointer;font-size: 0.9em}
/* CONF2 — remplacé : .cgv_label {cursor:pointer;float:left;margin-left:10px;} */
 

#form_cnt_mag {margin:70px 1em 3em 1em; padding:1em} 
/* CONF2 — remplacé : #lu_cgv {margin:4px 0 0 10px} */

.titre_conf_tab {font-size:1.4em;font-family:'josefin',Verdana, Geneva, sans-serif;width:100%; line-height:3em; height:3em; background-color:#ddd;margin-bottom:1.5em}

/*logo cb*/
/* CONF2 — remplacé : #paiement_form {width:498px; margin:0 auto} */
/* CONF2 — remplacé :
.logo_carte {
	transition: 0.3s;
	border-radius: 20px; cursor:pointer;
	width:225px; height:60px;
	float:left; margin: 0 1px; padding:0;
	background-color:#fff
} */
/* CONF2 — remplacé : .logo_pay_2col {width:158px;margin: 0 4px;} */

/* CONF2 — remplacé :
#applepay_btn {background: transparent url(img/logo_applepay.webp) top center no-repeat}
#googlepay_btn {background: transparent url(img/logo_googlepay.webp) top center no-repeat}
#paypal_btn {background: transparent url(img/logo_paypal.webp) top center no-repeat} */

#alma_btn_2 {background: transparent url(img/alma_2.png) center center no-repeat; background-size: contain;}
#alma_btn_3 {background: transparent url(img/alma_3.png) center center no-repeat; background-size: contain;}
#alma_btn_4 {background: transparent url(img/alma_4.png) center center no-repeat; background-size: contain;}

/* CONF2 — remplacé :
#allcb_btn {
	margin:0 auto;
	width:498px!important;
	background: transparent url(img/logo_allcb.webp) top center no-repeat
} */
/*
#mastercard_btn {background: transparent url(img/logo_mastercard_.jpg) top center no-repeat}
#visa_btn {background: transparent url(img/logo_visa_.jpg) top center no-repeat}
#cb_btn {background: transparent url(img/logo_cb_.jpg) top center no-repeat}
#paylib_btn {background: transparent url(img/logo_paylib.jpg) top center no-repeat}*/

.logo_carte:hover, .pmt_actif {transition: 0.3s;/*background-position:bottom!important*/background-color:#FFBF91!important}
/* CONF2 — remplacé : .radio_btn_carte {display:block;position:relative;top:-17px;left:47%} */

/* ---- Boutons Alma paiement fractionné ---- */
#alma_btns_cnt {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	justify-content: center;
	margin: 0 auto 1em auto;
	clear: both;
}
/* CONF2 — remplacé :
#alma_logo_cnt {
	flex-shrink: 0;
	width: 158px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 4px;
} */
/* CONF2 — remplacé :
#alma_logo_cnt img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
} */
#alma_btns_inner {
	display: flex;
	gap: 0;
	align-items: flex-start;
}
.alma_btn_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.alma_btn_wrap span {
	font-size: 10px !important;
	line-height:1.3;
	color: #666;
	/*margin-top: -4px;*/
	display: block;
}

.alma_btn {
	float: none;
	width: 158px;
	height: 60px;
	margin: 0 4px;
	display: block;
}

.alma_btn .radio_btn_carte {left:45.5%!important}

 

#line_fidel td {font-weight:normal}
.rub_active {color:#FF6600;font-size:18px;}

.ptit_sub {cursor:pointer;width:24px;height:24px;display:block;background:transparent url(img/petit_btn_ok.png) top no-repeat;}
.ptit_sub:hover {background-position:bottom}

#cgv_cnt {width:800px; height:500px; padding:1em;text-align: left; overflow:auto}

.cgv_cnt {text-align: left; }
.cgv_cnt .title_faq {/*margin-bottom:0.6em;*/ cursor:default; padding-left:40px}
.cgv_cnt .title_faq:hover { }

.sup_ico{float:left;margin:2px 0 0 15px;cursor:pointer;display:block;width:16px;height:18px;background:transparent url(img/supp-ico_p.png) top no-repeat;}
.sup_ico:hover{background-position:bottom}
.quant_form_cnt {width:105px;  }

.infos_comp_pan {padding:20px; color:#656565; background-color: #F7f7f7 ; border:1px solid #eee; text-align:justify; width:80%; margin:30px auto ;font-weight:normal;}
#pan_cnx_form_btn {cursor:pointer;color:#B05902;font-weight:bold}
#pan_cnx_form_btn:hover {text-decoration:underline;}
#col_g_pan {width:100%}
#infos_pan_cnt {height:auto;padding:1em;vertical-align:middle; font-size:0.8em;line-height:140%}
#pan_cnx_form_cnt {margin-top:10px}
#pan_cnx_form {float:left;width:290px}
#pan_cnx_form p{margin:3px 0 }
#pan_cnx_form p a {color:#B05902}
#pan_cnx_form label {display:block;float:left;width:90px;margin-right:5px;font-size:11px}
#pan_cnx_form input {width:170px;padding:3px;}
#pan_cnx_form_sub {padding:11px;line-height:22px;float:left;height:22px;vertical-align:middle; margin:3px;border-radius:5px;border:1px solid #ffbf91; background-color:#F7f7f7;color:#B05902;font-weight:bold;cursor:pointer}
#pan_cnx_form_sub:hover { background-color:#B05902;color:#fff}
.display_in_mob {display: none; font-size:0.8em}

.sep_cell {font-size:0.7em; text-align:left; width:100%;display:none;border-top: 1px solid #ccc;
  padding: 5px 10px;
  box-sizing: border-box;
}
/*Mes commandes*/
#cmd_tab {width:100%; max-width:100%;margin: 40px auto 20px auto; background-color:#f9f9f9; box-sizing: border-box;}
.bord1 {width:100%; margin: 0 auto 20px auto;border:2px solid #ff8330; background-color:#fbfbfb}
.bord1 {padding:20px}
#cmd_tab thead tr td {font:1.4em 'josefin',Verdana, Geneva, sans-serif;color:#ff8330;border:none  }
#cmd_tab tbody tr {cursor:pointer;height:25px;vertical-align:middle}
#cmd_tab tr td {padding:20px; vertical-align:middle; text-align:left; font-weight:normal; border-top:1px solid #eee}
#cmd_tab tr td:lastchild {font-size:0.85em!important}
#cmd_tab tbody tr:hover {background-color:#fff;box-shadow:0px 0 10px rgba(0,0,0,0.10);}
#cmd_tab tbody tr.piedtr {background-color:#fbfbfb;box-shadow:none}

@media (max-width:580px) {
	#cmd_tab thead tr td {font-size:16px; line-height:1.1; background-color: #eee; padding:15px 5px; }
	#cmd_tab tbody tr td {font-size:11px; line-height:1.3; padding:10px 5px; }
}

#creer_cmpt {margin-top:40px} /*compre > infos perso */
/*connexion,courriel,identification*/

.p_form_crl { clear:both;padding:5px 0}
#cnx_cnt, #crl_cnt, #allready_cntd, #pmt_cnt, #creer_cmpt_cnt, #reinit_mdp_cnt  {width:60%;  padding:2em; margin:1.5em auto 1.5em auto;background-color:#fbfbfb; }
.label_crl_mail,.input_crl_mail {text-align:center!important;display:block;width:95%;box-sizing:border-content;clear:both;margin:0 auto }

#cnx_cnt, #creer_cmpt_cnt, #reinit_mdp_cnt  {width:70%; }
#creer_cmpt_form fieldset {margin-top:3em; padding-top:1em; border:none}
#creer_cmpt_cnt label, #cnx_cnt label, #reinit_mdp_cnt label {font-family: 'josefin', Verdana, Geneva, sans-serif; font-size:1.25em;}

#allready_cntd,#pmt_cnt  {line-height:140%}
#allready_cntd {margin-top:0}
#pmt_cnt {width:80%; margin:1em auto 2em auto; text-align: center}
#pmt_cnt p {padding:1em 0}
#cnx_sub {margin:0 auto}

#cnx_cust_cnt, #new_cust_cnt {margin:1%;width:44%; padding:2%;
background-color:#f1f1f1;/*border:1px dotted #999*/ min-height:200px}
#cnx_cust_cnt { float:left;}
#new_cust_cnt { float:right}

.select_cnx {width:30%;float:left;margin-left:16px;height:30px;line-height:30px; border-radius:8px !important;
	border:1px solid #ff8330; background-color: #fff;}
.label_cnx,.label_checkbox_def {
	float:left;
	display:block;
	width:35%;
	font-size:0.85em;
	text-align:right;
	padding:5px!important;
	height:20px;
	line-height:20px;
	
}
.input_checkbox_def {float:left;text-align:left; clear:none; padding-top:10px; margin:0.7em 0 0 0!important }

.input_cnx {
	float:right;
	width:57%;
	font-size:1em;
	height:24px;
	line-height:24px;
	padding:5px 10px!important;
	border:1px solid #ff8330; 
	border-radius:8px !important;
	

}

.p_form_cnx {width:95%; margin:0 auto;text-align:center;clear:both;padding:10px 0; box-sizing: border-box;}

.title_box,.title_box_center {font : 1.4em/120% 'josefin', Verdana, Geneva, sans-serif; color: #ff8330; margin:5px 0 20px 0;clear:both; text-align:right; font-weight:bold }

.title_box_center {text-align:center}
#cnx_cust_sub, #new_cust_sub {width:80%;min-width:320px;margin:20px auto 0 auto}
#cnx_cust_sub {margin-bottom:20px}
#crl_sub, #reinit_mdp_sub, #backsub {width:70%;margin:20px auto}

/*form*/
/* CONF2 — remplacé : #mess_form,.mess_form_1 {clear:both;width:95%;padding:5px 0;margin:1em auto; color:green; text-align:center;font-weight:normal;line-height:140%} */
.mess_form_min {clear:both;text-align:left;color:#B05902;font-size:10px;line-height:11px;padding-top:12px}
 
 #client_form {
		box-sizing:border-content;
	 	-webkit-box-sizing:border-content; 
		width:100%; 
		margin:1em auto 0 auto;
		padding:30px 0 20px 0 ;
		background: #fff;
		box-shadow: 0 0 18px rgba(0,0,0,0.15);
}
#client_form legend, #dnns_perso_form legend, #creer_cmpt_form legend {
	font-family: 'josefin', Verdana, Geneva, sans-serif; font-size:1.6em; color:#ff8330; 
	padding:10px; 
	text-align:left;
	/*text-shadow:1px 0 2px #fff*/
	border-bottom:1px solid #eee;
	width:100%;
	box-sizing:border-box;
}
#client_form label, #dnns_perso_form label,  #cnct_form label {color: #555;font-size:1em;height:30px;line-height:30px;text-shadow: #ccc 1px 1px 1px; margin:2px 0;float:left;display:block;width:35%;padding-right:5px;text-align:right}

 #cnct_form label {width: 25%;
  margin: 10px 0;}

#client_form input, #client_form select,
#crl_form input[type=email], #dnns_perso_form input, #dnns_perso_form select,
#cnct_form input, #cnct_form select, #cnct_form textarea {
	font-size:1.2em!important; height:30px!important; line-height:30px!important;margin:2px 0; float:left;
	padding:0 15px;
	border:1px solid #ff8330;
	border-radius: 10px;
}
#cnct_form select option {padding-top:5px}
#client_form fieldset, #dnns_perso_form fieldset{padding-top:10px;width:96%;border-top:0;border-bottom:0;border-right:0;border-left:0;margin:0 2% 5% 2%}

#cnct_form input , #cnct_form select, #cnct_form textarea {margin: 10px 0; box-sizing: border-box;}
#cnct_form select {font-size:1em !important}
@media (max-width:580px) {
	#cnct_form select {font-size:0.9em !important}
	#cnct_sub {width: 80% !important;}
}

.indic{text-align:left; font-size:0.8em; float:right; width:220px;height:0px;color:#999;margin-right:40px;line-height:140%}
.optin_label{margin:0 10px!important;padding:3px 0 0 0!important;width:450px!important;font-weight:normal!important;font-size:0.85em!important;line-height:100%}
.input_text_def {width:14em}

#comp_adress_lk, #no_comp_adress_lk {width:auto;text-align:left;display:block;margin:10px 0 20px 35%}
#comp_adress_lk:hover, #no_comp_adress_lk:hover {text-decoration:underline}
#client_form #adresse_cnt {margin-top:10px}
#liv_same_add_cnt {margin:20px 0;}
#liv_fields {margin-top:90px;padding :10px 0;border:1px solid #ccc;background-color:#F7f7f7}
.legend_1 {font-weight:normal;color:#999;width:150px;font-variant:small-caps;float:right;clear:both;background-color:#fff;font-size:11px;padding:6px;border-left:1px dotted #ccc;border-bottom:1px dotted #ccc;text-align:center;}
#anniv_cnt {width:500px;margin-left: 113px; }
#anniv_cnt input {text-align: center!important;}
#anniv_cnt .lab_dnns_1 {display:block;float:left;width:auto;padding:0 5px;}
#anniv_cnt .inp_dnns_1{border-color:#999;float:left;margin:3px;text-align:center}
.border_2 {border-color:#999 !important}
.border_3 {border-width:2px !important}
.coupons_cnt {width:100%;text-align:center}
 
.coupon_div {padding:0.5%;display:inline-block;width:46%;margin:1%;}
#result_creer{padding-top:20px;font-size:11px;text-align:left;height:400px;width:700px;margin:0 auto;}
#client_sub, #retour_creer, #next_step_btn ,#back_sub { width:40%; display:block; margin:20px auto}

@media (max-width:976px) {
	#client_sub, #retour_creer, #next_step_btn ,#back_sub {
		width:auto; max-width:90%;
	}
}
#conf_sub,#cnct_sub {margin:10px auto}
/* CONF2 — remplacé : #conf_sub {width:40%} */
#cnct_sub {display:block; width:50%}
#back_sub {width:10%}
#mess {min-height:10em}
.degrade/*, #client_form input, #client_form select*/ {
background-image:-moz-linear-gradient(#ddd,#f5f5f5,white,white,white);
background-image:-webkit-linear-gradient(#ddd,#f5f5f5,white,white,white);
background-image:-o-linear-gradient(#ddd,#f5f5f5,white,white,white);
background-image:linear-gradient(#ddd,#f5f5f5,white,white,white);
}
.degrade_2/*, #client_form input, #client_form select*/ {
background-image:-moz-linear-gradient(#ff8330,#ff6600);
background-image:-webkit-linear-gradient(#ff8330,#ff6600);
background-image:-o-linear-gradient(#ff8330,#ff6600);
background-image:linear-gradient(#ff8330,#ff6600);
}
.degrade_3/*, #client_form input, #client_form select*/ {

	/*background-image:linear-gradient(#f9f9f9,#f1f1f1);*/
	background: #fff;
}

#tunnel_top_menu {max-width:940px;margin: 0 auto; }
#tunnel_top_menu li {height:60px; background-color:transparent;display:block;width:25%;float:left;}
#tunnel_top_menu li img {width:100%; height:auto}
#deco_btn {
	margin: 10px 0 40px 0;
  float: right;
  font-size: 0.75em;
   width: 20px;
  color: #888;
  height: 22px;
  display: block;
  cursor: pointer;
  background: transparent url(img/deconnexion_img.png) no-repeat;
  background-size: 100% auto;
}
 
#deco_btn:hover,.tunnel_active {  background-position: bottom }
#deco_btn:hover{ color:#ff8330 }
.tunnel_nom_user {display:block;float:left;height:30px;line-height:30px;margin:0 0 0 35px}
.tunnel_logo { display:none; /*margin-top:20px;width:165px; float:left*/}
.tunnel_logo img{width:auto; height:auto}

.tunnel_titre, .tunnel_titre2 {
	font-family: 'josefin', Verdana, Geneva, Tahoma, sans-serif ;
	width:92%; /*650px;
	/*background:transparent url( img/etoile_logo.png ) top left no-repeat; 
	height:35px;line-height:31px;  */
	/*float:left;*/
	margin: 30px auto 10px auto;
	font-size:2.2rem; 
	padding:0;
	/*text-shadow: 1px 0 3px #656565; 
	padding-left:50px;*/
	text-align:center ;
	font-weight:bold;
	box-sizing: border-box;
	line-height:1.1
	
}

.tunnel_titre2 { margin-bottom: 20px }
.tunnel_sous_title, .tunnel_sous_title2, .tunnel_sous_title3 {
	
	margin: 0 auto 20px auto; width: 92%; text-align:center; font-size:0.85em; line-height:140%; color:#999; /*float:left;  */

}
/*.tunnel_sous_title2 { width:650px; margin :0 0 30px 0 }
.tunnel_sous_title3 { width:700px; margin :0 0}*/
ul#menu_cmpt {width:100%; margin: 20px auto!important; }
ul#menu_cmpt li {margin:0 2%;padding:0;cursor:pointer; width:29.3%;display:block;float:left; }
ul#menu_cmpt li a {display:block; width:90%; margin:0 auto; height:100%; color:#777;border:1px solid #eee; border-radius: 15px; font-size:18px; font-family:'josefin',Verdana, Geneva, sans-serif; text-align:center;padding:12px 5px; }
ul#menu_cmpt li a:hover {text-decoration:none; background-color:#fff; background-image:none;color:#ff8330!important }
 
.menu_cmpt_active {background-color:#FFF; color:#ff8330!important; font-weight: bold;}
/*livraisons*/
#choix_transp_cnt {display:none}
#form_point_retrait_cnt, #form_magLiv_cnt, #domLiv_cnt {margin-bottom:30px ;text-align:left;padding:20px; background-color:#fff; /*border: 2px solid #ff8330;*/ box-shadow: 0 0 18px rgba(0,0,0,0.15); font-size:1em;}
#choix_transp_cnt {cursor:pointer;border:none;padding:15px;text-align:left;font-size:1em; line-height:120%}

#choix_transp_cnt input {display :block; float:left; margin-top:4px;width:30px;}
#choix_transp_cnt label {cursor:pointer;display :block; float:left; margin-left:2em}
#choix_transp_cnt p {font-size:0.87em; font-style:italic;clear:both;margin-left:60px}
.liv_transp_cnt {padding:1em ; margin:0}
 
.liv_selected {background-color: #f1f1f1 ;color: #333; }
.liv_no_selected {background-color: #fff ;color:#999 }
.styleLiv {font-family: 'josefin',Verdana, Geneva, sans-serif;font-size:18px; }
#prix_domicile, #prix_magasin, #prix_point {font-size:0.9em; font-style:italic}
 #domLiv_cnt {margin-top:20px}
.form_point_retrait_title , .form_domLiv_title{font-family:'josefin',Verdana, Geneva, sans-serif;margin-top:20px;clear:both;font-weight:bold; font-style:italic; font-size:1.1em; }
.form_domLiv_title {margin:0}
.form_point_retrait  #adresse {max-width:150px!important}
.form_point_retrait #zip {max-width:50px!important}
.form_point_retrait #ville {max-width:150px!important}
.form_point_retrait  #pays {max-width:150px!important}

#form_point_retrait_cnt form input, #form_point_retrait_cnt form select {text-align:center; font-size:1.1em; margin:5px;padding: 5px 2px; font-variant:small-caps; border:1px solid #ff8330;
	border-radius: 10px;}

/*#coupon_cnt input {border:1px solid #ff8330;
	border-radius: 10px;} */


#form_point_retrait_cnt form label {font-family:'josefin',Verdana, Geneva, sans-serif;}
#mess_form_point_retrait {color:green;line-height:140%}
 
#rech_pntSo_btn {float: left;
  clear: none;
  margin: 0 0 0 20px;
  width: auto;
  padding: 8px 15px;
}

.pntSo_hn {font-family:'josefin',Verdana, Geneva, sans-serif; font-size:24px; float:left;font-weight:normal; height:31px;line-height:31px;margin-bottom:10px}
.pntSo_hn_img, .magLiv_hn_img, .pntSo_hn_img2  {display:block; float:left;height:30px;width:auto}
.pntSo_hn_img2 {margin:-6px 0 0 7px;height:24px;}
.pntSo_hn_img2 img {display: block;height:25px; width:auto}
#pntSo_ul_cnt {float:left;width:445px; height:450px; overflow:auto;}
.pntSo_ul_cnt_vide {height:auto!important}
.pntSo_ul_cnt_def {height:450px!important;}
#pntSo_ul {widgt:100%;height:100%}
 #pntSo_ul li { 	background-color:#fbfbfb;line-height:120%;display:block; height:auto; border:1px solid #ccc; margin: 10px 10px 10px 0;padding:10px }
.infoWindow_pntSo_div { padding-left:20px ;  max-width:220px; font-size:16px!important}
.infoWindow_pntSo_nom , .pntSo_nom {font-size:1em;font-weight:bold}
.infoWindow_pntSo_nom {margin-top:10px}
.pntSo_add {font-size:1em}
.infoWindow_pntSo_add {font-size:0.85em}
.infoWindow_pntSo_titre_hor, .pntSo_titre_hor {margin-bottom:5px}
.pntSo_horaire, .pntSo_titre_hor {color:#797979;width:230px;float:left; font-size:0.7em;line-height:1em}
.infoWindow_pntSo_horaire, .infoWindow_pntSo_titre_hor {color:#666;font-size:12px;line-height:1.2em}

.pntSo_distance {float:right;font-size : 0.75em;clear:both;line-height:0.75em }
.infoWindow_pntSo_distance { float:right;font-size:0.70em; clear:both; line-height:1.2em;font-style:italic; padding-right:5px }
.infoWindow_pntSo_btn, .pntSo_btn, .magLiv_btn, .domLiv_btn { display:block; width:140px; font-weight:bold; text-align:center;cursor:pointer; float:right; background-color:#ff8330; border:2px solid #ddd ;color: #fff; padding :10px}
.pntSo_btn  { width:130px}
.pntSo_btn:visited{color:#fff}
.infoWindow_btn {float:none;clear:both; margin:10px auto;  }
.infoWindow_pntSo_btn:hover, .pntSo_btn:hover, .magLiv_btn:hover, .domLiv_btn:hover {text-decoration:none; background-image:none;background-color:#fff; border:2px solid #f60; color:#f60 }

#map { float:left; width:450px;height:450px; margin-bottom: 20px;}


.magLiv_label {display:block; clear:both; margin-bottom:10px}
.magLiv_btn, .domLiv_btn {float:right; margin:10px; width: auto;padding: 15px}
#form_magLiv_cnt form, #domLiv_current_cnt {float:left; max-width:500px}
 #magLiv_select option[value=""][disabled] {
  display: none;
}
.domLiv_add_p {font-size:1.1em;margin-top:10px;line-height:130%}
.ptit_lien {color:#B05902;font-size:0.8em}
.domLiv_lien1, .domLiv_lien2{float:left; margin-right:90px}
.domLiv_lien2 {margin:0}
#infosMag_cnt {width:450px;margin:10px; padding:10px; border:1px solid #ddd;  clear:both; float:left}
.mag_horaire {font-size:0.75em;}
.mag_nom {font-size:1.2em; font-variant:small-caps;font-weight:bold}
.mag_horaire {margin:10px 0}

#pan_cnt {
	width:100%; /*border:2px solid #ff8330;*/
	padding:20px 0 5px 0; 
	background-color:#fff;
	margin:0 auto 5px auto;
	box-sizing: border-box; 
	box-shadow: 0 0 18px rgba(0,0,0,0.15);

}

#conf_cnt {border:none;margin:0 auto 10px auto} 

#entete_conf_cnt {background-color:transparent}
#conf_liv_cnt, #conf_fact_cnt {padding:0; text-align:left;width:40%; float:left; height:auto}
#conf_liv_cnt h2, #conf_fact_cnt h2 , #conf_liv_cnt h3 {margin-bottom:20px; font-size:1.2em; font-family: 'josefin', Verdana, Geneva, sans-serif; font-size : 18px}
#conf_liv_cnt h2 , #conf_fact_cnt h2 {height:30px; line-height:30px;padding:15px; background-color:#ddd; font-size : 22px; color:#333;}
#conf_liv_cnt h3 span {font-weight:normal}
/* CONF2 — remplacé : .conf_addr_p {font-size:1.1em;line-height:150%} */
#conf_liv_hor_cnt {margin-top:20px; width:70%;font-size:0.75em; border:1px solid #ccc; background-color:#fbfbfb; overflow:hidden; border-radius: 8px; }
#conf_liv_hor_toggle {padding:7px 20px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; user-select:none;}
#conf_liv_hor_toggle:hover {background-color:#f0f0f0}
.conf_liv_hor_arrow {display:inline-block; transition:transform 0.2s; font-size:0.8em; color:#888}
.conf_liv_hor_arrow.open {transform:rotate(180deg)}
#conf_liv_hor {padding:10px 20px; margin-top:0; display:none}
#conf_liv_cnt a, #conf_fact_cnt a {display:block;margin-top:20px; font-size:0.8em; text-decoration:none}
#conf_liv_cnt a:hover,  #conf_fact_cnt a:hover {text-decoration:underline}
#conf_fact_cnt {  text-align:right;float:right; }


/* CONF2 — remplacé : #conf_recap_table {width:100%;background-color:#fff} */
/* CONF2 — remplacé : #conf_recap_thead td {height:40px;padding:20px;text-align:center;background-color:#ddd;font-family:'josefin',Verdana,Geneva,sans-serif;font-size:22px;} */
/* CONF2 — supprimé (sélecteur CSS invalide) : #conf_recap_thead td:first {text-align:left} */

.conf_coupon_input {padding:5px 5px!important; line-height:1.1em!important;font-size:1.1em!important; margin:0 5px 10px 5px!important}
/*#coupon_sub {margin-top:3px}*/


@media (max-width:976px)
{
	
	#conf_liv_cnt, #conf_fact_cnt { box-sizing:border-box; padding :10px 3%; width:100%; }
	#conf_liv_cnt h2, #conf_fact_cnt h2 , #conf_liv_cnt h3 { text-align:center }
	#conf_liv_cnt h2 , #conf_fact_cnt h2 { padding:4px 8px; }
	.conf_addr_p {  font-size:0.8rem }
	 #conf_liv_hor_cnt {margin:10px auto; text-align:center;  font-size:11px;  }
	 #conf_liv_cnt a, #conf_fact_cnt a, #conf_fact_cnt, #conf_liv_cnt{text-align: center;}
	
}

.newsletter_indic {padding:1% 3%; width:96%; text-align:justify;font-size:1em; float:left;line-height:140%}
.newsletter_radio_cnt {width:60%;margin:0 auto;background-color:#fff; padding:5px 0; border:1px solid #ff8330; }
.newsletter_radio_cnt label {text-align:center!important;line-height:130%!important}
.radio1_label {width:30px!important;margin:0;text-align:left!important;padding-left:10px}
 
.radios_cnt_news {width:270px; border:1px solid #fff; margin: 5px auto 20px auto}}
.radio1 {margin-top:4px!important}
.input_checkbox_2 {width:auto!important; float:left!important; margin:0 auto!important; text-align:center!important;margin-top:5px!important} 
.input_checkbox_3 { float:none!important; clear:both!important; margin:0} 
.optin_label_2 { margin:0.5em auto 0 auto!important; width:80%!important;overflow:hidden;min-height:4em;text-align:center;line-height:130%!important ;float:none!important;clear:both!important}

.itsgood,.itsnotgood {line-height: 140%; color:green; font-family: 'josefin', Verdana, "sans-serif";font-size: 1.4em; padding-bottom:1em;}
.itsnotgood {color:inherit}
.customerEmail_merki, .amount_merki, .orderId_merki {color:green; font-size:1.2em;  font-style: italic;}

@media only screen and (max-width:1366px) {
	#tunnel_top_menu {max-width:835px;margin: 0 auto ; padding-top:8px }
 
}
@media only screen and (max-width:1280px) {
	#top_line  {display: none}
	#head { height:80px}
}	
@media only screen and (max-width:768px) {
	#cnx_cust_cnt, #new_cust_cnt {width:100%; clear:both;float:none; margin:0 auto ; box-sizing: border-box;}
	#new_cust_cnt {margin-bottom:30px}
	#cnx_cust_sub {margin-bottom:10px}
	.label_checkbox_def {width:auto}
		.newsletter_radio_cnt{width:80%}
	 
}
 

@media screen and (max-width: 976px) {
	 
	#cnx_form, #client_form, #cnct_form { width:100%; box-sizing:border-content; -webkit-box-sizing:border-content; padding:0}
	
	#crl_cnt, #cnx_cnt, #creer_cmpt_cnt, #reinit_mdp_cnt { width:90%; box-sizing:border-content; -webkit-box-sizing:border-content; padding:1em 2%}
	
	 
	#client_form legend, #dnns_perso_form legend {display:block; width:100%; text-align:left; padding:0 0 5px 0; margin: 0 auto; /*border-top:1px solid #fff*/}
	#pan_cnt {border:none;margin:20px auto;padding:10px 0;width:95%}
	#pan_tab { margin:10px auto ; }
	#client_form {
		box-sizing:border-content; -webkit-box-sizing:border-content; 
		width:90%; 

		margin:1em auto 0 auto;
		padding:20px 2% ;
	}
	#comp_adress_lk, #no_comp_adress_lk {width:100%;text-align:left;display:block;margin:10px 0 20px 0}
	#client_form fieldset {margin:0 auto 2em auto;}
	.label_cnx ,.input_cnx,
	#client_form label, #client_form input[type=password],#client_form input[type=text], 
	#client_form input[type=email], 
	.indic,
	#cnct_form label,#cnct_form input, #cnct_form textarea,#cnct_form select  {
		
		box-sizing:border-box ;
		float:none;
		display:block;
		clear:both;
		margin:0 auto;
		width:100%;
		max-width:100%;
		text-align:left;
		text-indent:0;
		height:auto
	}
	 
	.label_checkbox_cnx {width:auto!important;float:left!important;}
	#client_form input[type=checkbox] {width:auto!important;margin:0.9em 0 0 0!important; } 
	
	#client_form input[type=text],.input_text_def,
	#client_form input[type=password],#client_form input[type=email] {
		width:90%; /*prob de centrage*/
		float:left
	}
	
	
	.indic {font-size:0.8em}
	#client_form input[type=checkbox] {margin:0.3em auto 1em auto}
	 #client_form label {padding-top:1em}
	 #anniv_cnt {width:100%;margin:0 auto}
	  #anniv_cnt .inp_dnns_1, #anniv_cnt .lab_dnns_1  {clear:none!important; width:auto!important;float:left!important}
	 .optin_label{ margin:1em auto 0 auto!important;font-size:1em!important; width:70%!important;overflow:hidden;height:auto;text-align:center;line-height:130%!important }
	 .width_auto_input {float:left!important;width:auto!important}
	  
	 .input_checkbox_2 { float:none!important; clear:both!important; margin-top:-1em!important} 
	 .label_select {text-align:center!important}
	.input_cnx {width:100% !important; box-sizing: border-box; }
	.label_cnx {padding:0!important; margin:0!important; }
	.select_cnx {margin-left :0!important;}
	.title_box {text-align:center}
	/*.p_form_cnx {width:100%; margin:0}*/
	#creer_cmpt_form legend {padding:0}
	/*.tunnel_titre,.tunnel_sous_title  { text-align:center;background-image:none;padding:0;float:none;clear:both;max-width:none;width:95% !important; margin: 0 auto 10px auto!important}*/
	.tunnel_titre {font-size:1.85rem}
	.tunnel_sous_title  {font-size:0.85em;text-align:justify; }
	/*.tunnel_logo {margin:25px auto 0 auto;width:80px; float:none}
	.tunnel_logo img{width:100%; height:auto}*/
	 
	#pan_tab tr td {display:block; width:100%; height:auto; clear:both; text-align:center; font-size:1.2em; padding:1em 0; margin:0 auto; line-height:130%; border:none}
	#pan_tab thead {display:none}
	
	#pan_sub,#pan_sub_top {float:none; width:60%; margin:0 auto}
	#pan_sub_top {display:block!important;margin-bottom:0!important}
	 #pan_sub { margin-bottom:25px!important}
	.cel_ico img {width:100%; max-width:240px;height:auto}
	.sep_cell {display:block}
	.display_in_mob {display:inline}
	.quant_form_cnt {  margin:0 auto }
	.cel_res_ttl2 {padding-bottom:0!important}
	.cel_res_ttl2, .cel_tot {font-weight:bold}
	.cel_res_tot {font-size:1.2em!important; border:none }
	#line_ttc .cel_res_tot{font-size:1.4em!important;/*border:none!important*/}
	#line_tot td {border:none!important}
	.cel_tot {background-color: #f1f1f1!important ;}
	.ptit_cell {padding:0!important}
	#deco_btn {margin: 0; float:none;  position:absolute; right:10px; top:190px}
 /*livraion*/
 
	#form_point_retrait_cnt, #form_magLiv_cnt, #domLiv_cnt { padding:10px 17px 17px 17px; }
 
	#rech_pntSo_btn {clear:both;float:none!important;margin:0 auto!important;width:auto!important}
	.pntSo_hn {clear:both;font-size:20px;width:auto}
	.pntSo_hn_img, .magLiv_hn_img, .pntSo_hn_img2  {display:block; float:left;height:24px;width:auto;margin:-15px 20px 0 0px;}
	.pntSo_hn_img2 {margin:-6px 0 0 7px;height:24px;}
	.magLiv_hn_img  {margin:0 0 0 7px;height:30px;}
	#pntSo_ul_cnt {float:none; width:100%; margin:0 auto; height:auto!important; overflow:auto;}

	.pntSo_ul_cnt_def {height:100%!important;}

	.infoWindow_pntSo_div { max-width:none;  }
	
	/*#pmt_cnt input[type=image] {margin:0!important; padding:0!important;}*/


	.infoWindow_pntSo_add {font-size:0.9em}
 
	.pntSo_horaire, .pntSo_titre_hor { width:100%;float:none; font-size:0.7em;line-height:1em}
	.infoWindow_pntSo_horaire, .infoWindow_pntSo_titre_hor {color:#666;font-size:12px;line-height:1.2em}
	
	.pntSo_distance { font-size : 0.8em; line-height:0.8em }
	.infoWindow_pntSo_distance { float:right;font-size:0.70em; clear:both; line-height:1.2em;font-style:italic; padding-right:5px }
	.infoWindow_pntSo_btn, .pntSo_btn, .magLiv_btn, .domLiv_btn { clear:both;color:#fff; width:80%!important;  float:none!important; margin:10px auto!important;height:auto!important}
	.magLiv_btn { margin-top:30px!important;}
 
	
	#map {float:none;width:100%;height:500px}
	
	.selectMag_cnt {margin-left:20px; }
	.magLiv_label {display:block; clear:both; margin-bottom:10px}
	.magLiv_btn, .domLiv_btn {float:right; margin:10px; width: auto;padding: 15px}
	#form_magLiv_cnt form, #domLiv_current_cnt {float:left; max-width:500px}
	 #magLiv_select option[value=""][disabled] {
	  display: none;
	}
	.domLiv_add_p {font-size:1.1em;margin-top:10px;line-height:130%}
	.ptit_lien {color:#B05902;font-size:0.8em}
	.domLiv_lien1, .domLiv_lien2{float:left; margin-right:90px}
	.domLiv_lien2 {margin:0}
	#infosMag_cnt {width:95%!important;margin:3% auto!important; padding:3%!important; border:1px solid #ddd!important;  clear:both!important; float:none!important}
	.mag_horaire {font-size:0.75em;}
	.mag_nom {font-size:1.2em; font-variant:small-caps;font-weight:bold}
	.mag_horaire {margin:10px 0}
	.styleLiv {font-size:16px}
	 .liv_transp_cnt {font-size:0.8em}
	 #choix_transp_cnt label { margin-left:1em}
	#choix_transp_cnt p {margin-left:4.2em}
	#choix_transp_cnt { line-height:100%}
}

@media only screen and (max-width:615px) {

	#head {  height:60px}
}

/* ═══════════════════════════════════════════════════════════════════════
   CONF2.GAB.PHP — Styles (remplacent les règles commentées ci-dessus)
   ═══════════════════════════════════════════════════════════════════════ */

/* Conteneur principal */
.conf_cnt {max-width:900px; width:100%; margin:0 auto; box-sizing:border-box;}

/* Tableau récap — cellules */
.cel_res_ttl,.cel_res_ttl2,.cel_promo {background-color:#fff;text-align:right;padding:10px}
.cel_tot, .cel_res_tot {text-align:right;padding-right:20px;background-color:#f4f4f4;}

#pan_tab #line_ttc .cel_res_tot:last-child {background-color: #eee; border-bottom:1px solid #ddd}
 

#line_tot td {border-top:1px solid #eee}

.td_border {border-bottom:1px solid #eee}
.td_border_top_1 {border-top:5px solid #eee!important}
.td_border_top_2 {border-top:10px solid #eee!important}
.title_item_conf {padding:10px 10px 10px 190px}
.infos_item_conf {font-size:0.9em; float:left; border-left:1px solid #f4f4f4; padding-left:10px; margin-top:10px; line-height:160%}
.cel_res_ttl_1line, .cel_res_tot_1line {text-align:right; padding-top:20px; padding-bottom:20px; padding-right:10px; background-color:#f4f4f4; border-top:10px solid #eee}

/* Tableau récap — structure */
#conf_recap_table {width:100%; background-color:#fff; text-align:left; margin-top:10px}
#conf_recap_thead td {height:40px; padding:20px; text-align:center; background-color:#ddd; font-family:'josefin',Verdana,Geneva,sans-serif; font-size:22px;}
#conf_recap_thead td:first-child {text-align:left;}
#conf_recap_thead td:last-child {max-width:120px; width:120px; text-align:right; padding-right:20px}
#conf_recap_table td:first-child {padding:10px 20px}
#conf_recap_table img {float:left; margin:-35px 40px 5px 0; max-height:150px; width:auto;}

/* Adresse */
.conf_addr_p {font-size:1em; line-height:114%}

/* === Formulaire coupon === */
.coupon_form_wrap {
	display: flex;
	align-items: stretch;
	border: 2.5px solid #ff8330;
	border-radius: 30px;
	overflow: hidden;
	background: #fff;
	width: 100%;
	max-width: 300px;
	box-sizing: border-box;
	margin: 0 0 10px auto;
}
.coupon_input {
	flex: 1;
	border: none;
	outline: none;
	padding: 7px 15px 8px 15px!important;
	font-size: 1em;
	background: transparent;
	min-width: 0;
}
.coupon_input::placeholder {color:#bbb; font-size:0.9em;}
.coupon_sub_btn {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0 1.4em;
	background: #ff8330;
	color: #fff;
	font-weight: 700;
	font-size: 0.9em;
	cursor: pointer;
	white-space: nowrap;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	transition: background 0.2s;
}
.coupon_sub_btn:hover {background:#ff6600;}

/* === Note sécurité === */
.pay_cnt_note2 {font-size:0.8em; line-height:1.6em; padding:1.5em 2.5em 2.5em 2.5em; text-align:justify}
.pay_cnt_note2 {text-align:center; padding:2em 0 0 0}
.pay_cnt_note {display:flex; align-items:center; gap:8px; margin:18px auto 0 auto; font-size:0.8em; width:fit-content; max-width:100%; align-self:center;}
.pay_cnt_note span {color:#999; font-style:italic; font-size:0.85em; line-height:1.2;}
.pay_lock_icon {flex-shrink:0; fill:#aaa;}

/* === Checkbox CGV custom === */
#lu_cgv {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}
.cgv_label {
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	display: inline-block;
	line-height: 1.5;
	font-size: 1em;
	margin-left: 0;
	float: none;
	vertical-align: middle;
}
.cgv_label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border: 2.5px solid var(--main-color, #ff8330);
	border-radius: 8px;
	background: #fff;
	transition: background 0.2s, border-color 0.2s;
	box-sizing: border-box;
}
.cgv_label::after {
	content: '';
	position: absolute;
	left: 9px;
	top: 50%;
	transform: translateY(-65%) rotate(45deg);
	width: 8px;
	height: 15px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	opacity: 0;
	transition: opacity 0.2s;
}
.sep_ch:has(#lu_cgv:checked) .cgv_label::before {
	background: var(--main-color, #ff8330);
	border-color: var(--main-color, #ff8330);
}
.sep_ch:has(#lu_cgv:checked) .cgv_label::after {opacity:1;}

/* === Paiement — boutons === */
#paiement_form {
  width: 100%;
  max-width: 550px;
  margin: 10px auto;
  box-sizing: border-box;
  padding: 20px;
  box-shadow: 0 0 15px rgba(0,0,0,0.10);
  border-radius: 20px;
}

.logo_carte {
	transition: 0.3s;
	border-radius: 20px; cursor:pointer;
	height:45px; padding:0;
	background-color:#fff
}
.logo_pay_2col {
	width: calc(33% - 4px);
	height: 45px;
	float: left;
	margin: 2px;
	background-position: center center; background-size: 85% auto;
}
#applepay_btn {background-image: url(img/logo_applepay.webp); background-repeat:no-repeat;}
#googlepay_btn {background-image: url(img/logo_googlepay.webp); background-repeat:no-repeat;}
#paypal_btn {background-image: url(img/logo_paypal.webp); background-repeat:no-repeat;}
#allcb_btn {background-image: url(img/logo_allcb.webp); background-repeat:no-repeat; width:100%; max-width:498px; margin:0 auto; height:60px; background-size:82% auto; background-position:center center;}
.radio_btn_carte {display:block; position:relative; top:-17px; left:48%}

/* === Alma === */
#alma_logo_cnt {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 4px;
}
#alma_logo_cnt img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: 50px;
}

/* === Bouton fidélité === */
#use_fidel_sub {
	display: inline-block;
	background: #ff8330;
	color: #fff;
	font-weight: 700;
	font-size: 0.80em;
	padding: 0.45em 1.5em;
	border-radius: 8px;
	cursor: pointer;
	margin: 8px 0;
	white-space: nowrap;
	letter-spacing: 0.05em;
	transition: background 0.2s;
}
#use_fidel_sub:hover {background:#ff6600;}

/* === Messages formulaire === */
#mess_form, .mess_form_1 {
	background: #f0fdf4;
	border-top: 1px solid #bbf7d0;
	border-bottom: 1px solid #bbf7d0;
	color: #166534;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 0.9em;
	display: none;
	clear: both;
}

#mess_cnx, #mess_cnx2 {clear:both;color: #166534;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;}

#mess_form.nogood {
	background: #F1CFD0;
	border-top-color: #CB4F50;
	border-bottom-color: #CB4F50;
	color: #9D2E2F;
}

/* === Bouton valider === */
#conf_sub {margin:10px auto}

/* === CGV === */
#cgv_title {max-width:478px; cursor:pointer; padding:10px; margin:20px auto 0 auto; text-align:center; border:1px solid #ddd; border-bottom:none; border-top-left-radius:15px; border-top-right-radius:15px;}
#cgv_lk_cnt {max-width:498px; width:100%; cursor:pointer; font-size:0.8em; padding:20px 0 0 0; border:1px solid #ddd; margin:0 auto 2em auto; clear:both; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.title_table_conf2 {border-radius:15px; padding:15px 1em; margin:10px auto 25px auto;}

/* ── CONF2 : Responsive 976px ─────────────────────────────────────── */

@media (max-width:976px) {

	.logo_carte {background-size:contain; background-position:center center; box-sizing:border-box;}
	#googlepay_btn, #paypal_btn, #applepay_btn {background-size:auto 100%; background-position:top center;}
	#paiement_form hr {clear:both;}
	#alma_btns_cnt {display:flex; flex-wrap:nowrap; width:100%; align-items:flex-start; gap:4px; justify-content:flex-start; margin:0;}
	#alma_logo_cnt {flex:0 0 calc(37% - 6px); height:45px; margin:2px;}
	#alma_btns_inner {flex:1; display:flex; gap:4px;}
	.alma_btn_wrap {flex:1; display:flex; flex-direction:column; align-items:center;}
	.alma_btn {width:100%; height:50px; display:block; background-size:contain; background-position:center center;}
	.alma_btn .radio_btn_carte {left:44%!important;}
	#cgv_title {width:100%; box-sizing:border-box;}
	#cgv_lk_cnt {width:100%; box-sizing:border-box;}
	#conf_sub {width:80%;}
	.pay_lock_icon {width:28px!important; height:28px!important;}
	#paiement_form {padding:0 10px 10px 10px;}
	#conf_recap_table img {float:left; display:block; max-width:45%; margin:0 15px 5px 0;}
	.title_item_conf {font-size:1.2em; padding-left:10px;}
	.infos_item_conf {font-size:1em; float:none; overflow:hidden; max-width:none;}
	#conf_recap_table td:first-child {padding:10px}
	#conf_recap_table {padding:0 10px; table-layout:fixed; font-size:13px;}
	#conf_recap_table td:last-child, #conf_recap_table .cel_tot, #conf_recap_thead td:last-child {padding-right:10px}
	.logo_pay_2col {background-size:82% auto;}
	#conf_recap_table .cel_res_tot {font-size:1.1em;}
	.cel_res_tot_1line, .cel_res_ttl_1line {font-size:1.3em;}
	#conf_recap_table .pan_line {height:auto;}
	#conf_recap_thead td {font-size:16px; height:auto;}
	#conf_recap_thead td:first-child {width:auto; padding-left:20px}
	#cgv_lk_cnt p {font-size:0.9em}
	.title_table_conf2 {font-size:16px}
	.coupon_form_wrap {max-width:220px}
}

@media screen and (max-width:580px) {

		#pan_sub,#pan_sub_top { width:95%; }


	#conf_recap_table {padding:0; font-size:11px;}
	#conf_recap_thead td:last-child {min-width:65px; width:65px}
	#conf_recap_table #line_ttc td {font-size:1.3em; height:auto;}
	#paiement_form {padding:10px 0 ; width:92%;  }
	.title_table_conf2 {border-radius: 0;}
}

@media screen and (max-width:498px) {
	#cgv_title {border-radius:0;}
	#cgv_lk_cnt {border-radius:0;}
}