:root{
	    --shinyInput-color: #333;
    --shinyInput-background: white;
  --shinyInput-border: #333;}

#div_container_1_h {    position: relative;    margin-bottom: 50px;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {display:block}


/** SELLSY **/
.gg_contcal .booking{max-width:500px;margin:auto;}
.addressinfo { width: 40%; text-align:center; display: block !important; margin: auto;}
.addressinfo table{width:100%;}
#info .addressinfo+.addressinfo, .customerinfo, .displayLogo{display :  none !important;}
.GandG_delivery, .GandG_delivery>div>div{width:100%;max-width:1100px;}
.GandG_infoAchat{text-align:center;}
.infoSiren{margin-bottom:2vh; display : flex;    flex-direction: column; text-align: left}
.valueResumSiren{flex-basis:65%;}
.labelResumSiren{flex-basis:35%;  padding: 0.25em; box-sizing: border-box;}
.infoSiren .flex{display:content;}
.assistant{width:100%; max-width : 500px; padding: 2vh 2vw; box-sizing:border-box; margin: auto;}
.assistant .t_g, .assistant input{font-family: arial,sans-serif;}
.shinyGroup{ position: relative;  font-size:medium; margin: 1em 0; /** creer de l'espace pour pour le label qui remonte et a l'ombre sur le hover**/}
.shinyGroup.fullW{width:100%;text-align:left;}
.shinyGroup.halfW{width:45%;display: inline-block;}
.shinyInput { width: 100%; padding: 1em 0.75em; box-sizing: border-box; text-align: center; color: var(--shinyInput-color); border: 1px solid var(--shinyInput-color); transition: border-color 250ms; transition: box-shadow 0.3s ease-in-out; background-color: var(--shinyInput-background); letter-spacing : 0.15em;}
.shinyInput:hover{box-shadow: rgba(33, 35, 38, 0.6) 0px 10px 10px -10px;}
.shinyInput:focus {outline: none;border-color: #777;}
.shinyInput::placeholder { color: transparent;}
  /* Hide Safari's autofill button*/
.shinyInput::-webkit-contacts-auto-fill-button { visibility: hidden; pointer-events: none; position: absolute;}
.shinyLabel{position: absolute; top: 0.5em; left: 0.5em; color: var(--shinyInput-color); pointer-events: none; transform-origin: left center; transition: all 0.2s ease 0s;}
.shinyInput + .shinyLabel, .shinyInput:focus + .shinyLabel, .shinyInput:not(:placeholder-shown) + .shinyLabel { padding:0.5em; top: 1em; transform: translateY(-100%) scale(0.75); background-color: var(--shinyInput-background);}
.shinyGroup ul{text-align:left;display:inline-block;}
.shinyGroup li{display:flex;}
.shinyGroup li label{flex-grow : 1;}
/*************/



@media 	only screen and (max-device-width : 1100px) {
	.bcont{padding-top:2vw;}	
}

@media 	only screen and (max-device-width : 468px) {
	.bcont{padding-top:5vw;}	
	.p1080 { width: 100%;}
	#main_global_div_info_customer{flex-direction:column}
	#global_sign_in_customer, #global_sign_up_customer { width: 100%;}
	#global_sign_in_customer{margin-bottom:5vw}
	.cartTable tr {  grid-template-rows: repeat(1, 1fr);}

}

/* ==========================================================================
   Assistant d'adhésion (payment_step-2_connected, groupe 150) — mêmes composants que le wizard
   du concours (css/concours.css) : barre d'étapes, carte, puces, boutons segmentés.
   ========================================================================== */
.ggAdhesion{
	--gga-accent: var(--color-1, #1a4e93);
	--gga-soft: var(--color-3, #f8f2e9);
	--gga-line: #d8d8d8;
	--gga-muted: #666;
	--gga-err: #b3261e;
	--gga-radius: var(--radius-std, 10px);
	max-width: 640px; margin: 0 auto 40px; padding: 24px 28px; box-sizing: border-box; text-align: left;
	background: #fff; border: 1px solid var(--gga-line); border-radius: var(--gga-radius); box-shadow: 0 10px 30px rgba(0,0,0,.06);
	font-family: arial, sans-serif;
}
.ggAdhesion *, .ggAdhesion *::before, .ggAdhesion *::after{box-sizing: border-box;}
.ggAdhesion [hidden]{display: none !important;}
.ggAdhesion > h2{text-align: center; margin: 0 0 4px;}
.ggaSub{text-align: center; color: var(--gga-muted); margin: 0 0 20px;}
.ggAdhesion .assistant{max-width: none; padding: 0;}
.ggaStep{animation: ggaFade .25s ease-out;}
.ggaStep h3{margin: 8px 0 12px; color: var(--gga-accent); outline: none;}
@keyframes ggaFade{from{opacity: 0; transform: translateY(6px);} to{opacity: 1; transform: none;}}
.ggaHelp{color: var(--gga-muted); font-size: .92em;}

/* barre d'étapes */
.ggAdhesion .ggStepper{display: flex; list-style: none; margin: 0 0 20px; padding: 0;}
.ggAdhesion .ggStepper li{flex: 1; position: relative; display: flex; justify-content: center;}
.ggAdhesion .ggStepper li::before{content: ""; position: absolute; top: 16px; left: -50%; width: 100%; height: 2px; background: var(--gga-line);}
.ggAdhesion .ggStepper li:first-child::before{display: none;}
.ggAdhesion .ggStepper li.is-done::before, .ggAdhesion .ggStepper li.is-current::before{background: var(--gga-accent);}
.ggAdhesion .ggStepper button{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; background: none; border: 0; padding: 0; font: inherit; color: var(--gga-muted); cursor: default;}
.ggAdhesion .ggsNum{display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 2px solid var(--gga-line); font-weight: bold;}
.ggAdhesion .ggsLabel{font-size: .8em;}
.ggAdhesion .ggStepper li.is-current .ggsNum{background: var(--gga-accent); border-color: var(--gga-accent); color: #fff; box-shadow: 0 0 0 4px rgba(26,78,147,.15);}
.ggAdhesion .ggStepper li.is-current .ggsLabel{color: var(--gga-accent); font-weight: bold;}
.ggAdhesion .ggStepper li.is-done .ggsNum{border-color: var(--gga-accent); color: var(--gga-accent);}
.ggAdhesion .ggStepper li.is-done button:not([disabled]){cursor: pointer;}

/* message d'erreur (vide = masqué) */
.ggaAlert:empty{display: none;}
.ggaAlert{background: #fdecea; color: var(--gga-err); border-left: 4px solid var(--gga-err); border-radius: 6px; padding: 10px 14px; margin-bottom: 14px;}

/* champs */
.ggAdhesion .ggaRow{display: flex; gap: 4%; flex-wrap: wrap;}
.ggAdhesion .shinyGroup{margin: 1.1em 0 .4em;}
.ggAdhesion .shinyGroup.halfW{width: 48%;}
.ggAdhesion .shinyInput{text-align: left; border-radius: 6px; padding: .9em .75em;}
.ggAdhesion .shinyInput:focus{border-color: var(--gga-accent); box-shadow: 0 0 0 3px rgba(26,78,147,.15);}
.ggAdhesion .shinyInput[aria-invalid="true"], .ggAdhesion .shinyInput:user-invalid{border-color: var(--gga-err);}

/* carte entreprise */
.ggaCard{background: var(--gga-soft); border-radius: var(--gga-radius); padding: 18px 20px; line-height: 1.5; margin-bottom: 8px;}
.ggaCompany{font-weight: bold; font-size: 1.15em;}
.ggaApe{color: var(--gga-muted); font-size: .9em;}

/* jours de fermeture : puces */
.ggAdhesion fieldset{border: 0; margin: 16px 0 0; padding: 0; min-width: 0;}
.ggAdhesion legend{font-weight: bold; margin-bottom: 8px; padding: 0;}
.ggaChips{display: flex; flex-wrap: wrap; gap: 8px;}
.ggaChips > legend{width: 100%;}
.ggChip{position: relative; cursor: pointer;}
.ggChip input{position: absolute; opacity: 0; width: 1px; height: 1px;}
.ggChip span{display: block; padding: 8px 16px; border: 2px solid var(--gga-line); border-radius: 999px; background: #fff; transition: all .15s;}
.ggChip:hover span{border-color: #aab9cf;}
.ggChip input:checked + span{background: var(--gga-accent); border-color: var(--gga-accent); color: #fff;}
.ggChip input:focus-visible + span{box-shadow: 0 0 0 3px rgba(26,78,147,.25);}

/* oui / non : boutons segmentés */
.ggaSegmented{display: inline-flex; flex-wrap: wrap;}
.ggaSegmented > legend{width: 100%;}
.ggAdhesion .ggSeg{position: relative; cursor: pointer;}
.ggAdhesion .ggSeg input{position: absolute; opacity: 0; width: 1px; height: 1px;}
.ggAdhesion .ggSeg span{display: block; padding: 10px 26px; border: 2px solid var(--gga-accent); margin-left: -2px; color: var(--gga-accent); font-weight: bold; background: #fff;}
.ggAdhesion .ggSeg:first-of-type span{border-radius: 999px 0 0 999px; margin-left: 0;}
.ggAdhesion .ggSeg:last-of-type span{border-radius: 0 999px 999px 0;}
.ggAdhesion .ggSeg input:checked + span{background: var(--gga-accent); color: #fff;}
.ggAdhesion .ggSeg input:focus-visible + span{box-shadow: 0 0 0 3px rgba(26,78,147,.25);}

/* navigation */
.ggaNav{display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 8px;}
.ggAdhesion .ggaNav .button_valid, .ggAdhesion .ggaNav .button_edit{margin: 20px 0 !important; font-family: inherit;}
.ggAdhesion .ggaNav button[disabled]{opacity: .6; cursor: progress;}

@media (max-width: 600px){
	.ggAdhesion{padding: 16px; border-radius: 0; border-left: 0; border-right: 0;}
	.ggAdhesion .ggsLabel{display: none;}
	.ggAdhesion .shinyGroup.halfW{width: 100%;}
	.ggaNav{flex-direction: column-reverse; align-items: stretch;}
	.ggAdhesion .ggaNav .button_valid, .ggAdhesion .ggaNav .button_edit{margin: 6px 0 !important; width: 100%;}
}
@media (prefers-reduced-motion: reduce){
	.ggaStep{animation: none;}
	.ggAdhesion *{transition: none !important;}
}