.isTitre {background-color: #bbbbbb; color: white}

.msErr {color: red}
.msA {font-weight: bold}

.pI2 {padding-left: 2em; text-indent: -2em}
.tdUp td {vertical-align: top}
.par20 {padding-right: 20px}
.par24 {padding-right: 24px}
.par40 {padding-right: 40px}

#Sirius a,a.lien {cursor: pointer; text-decoration: underline dotted}
#Sirius a:hover,a.lien:hover {text-decoration: underline}
#Sirius img {display: inline-block}

/* suppression des boutons de modification des cartes 
li.cart--item button.delete {display: none}
li.cart--item button.edit {display: none} */

/* suppression des boutons de modification des formules
div.cart--formule button.delete {display: none}
div.cart--formule button.edit {display: none}
/**/

.noSite {display: none}

.sizeUp {font-size: 1.2em}

div.diOnOff {padding: 1em 0 1em 0}

.green {color: green}
.red {color: red}
.blue {color: blue}
.gray {color: silver}
.clic {cursor: pointer}
b {font-weight: bold}
/* div volante de confirmation */

.confGray {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 9998; opacity: 0.2}
.confDial {position: fixed; top: 0; left: 0; display: inline-block; padding: 1em; background-color: white; color: black; z-index: 9999; opacity: 1; margin: 0 auto}
/* .confDial {font-size: 20px} */
.confDial {max-height: 80vh; overflow: auto}
.confDial .numtel {width: 160px}
.confDial img {display: inline-block}
.confDial .apiInput {min-height: 2em}
.confInfo {display: inline-block; font-weight: bold; padding-right: 3em}
.confImg {padding-top: 4px; cursor: pointer}
.confCu {cursor: pointer}
.cfDial {position: absolute; bottom: 0; right: 0; padding-right: 8px; padding-bottom: 8px}
.cfTitre {position: absolute; top: 0; right: 0; padding-right: 14px; padding-top: 20px}
.cfDial .fa,.cfTitre .fa {padding-right: .25em}
.confTitre {padding-bottom: 1.4em}
.confInput {display: inline-block; width: 160px}
.confedCP {display: inline-block; width: 90px}
.confLb {display: inline-block; width: 7em}
.confLig {padding-bottom: .2em}
.confTBL td {padding-right: .8em}
.confIco {padding-left: 2em}
.confTit {padding-bottom: .4em; margin-bottom: .6em}
.confJo, .confCP {display: inline-block; width: 28px; height: 21px; border: solid white 1px;
    text-align: center; cursor: pointer; font-size: 1.04em}
.confJo:hover, .confMo:hover {border-color: blue}
.confJx {color: silver; font-size: 0.96em}
.confMA {display: inline-block; width: 140px; height: 21px; text-align: center; cursor: pointer}
.confMo {display: inline-block; width: 49px; height: 49px; border: solid white 1px;
    text-align: center; vertical-align: middle; cursor: pointer}
.confAff {cursor: default}
.confSL {border-color: black}
.confBk {display: inline-block}
.confHM {display: inline-block; cursor: pointer; border: solid black 1px; margin-left: 8px}
.confHMdm {display: inline-block; width: 30px; padding-left: 8px}
.confok {background-color: orange}

.confDial .qst {display: inline-block; width: 200px}
.confDial .apiInput {display: inline-block}

@media only screen and (max-width: 600px) {
  .confDial .uneInfo,.confDial .qst {display: block; padding-bottom: .4em}
}

.imDyna {opacity: .7}
.imDyna:hover {opacity: 1; cursor: pointer}
.imClose {position: relative; top: -10px; left: 10px}

.sizeDw {font-size: 0.8em}

#idSirius div.mb15 {margin-bottom: 0}
#idSirius .form .block:not(:last-child) {margin-bottom: 0}

.diBlocM {display: inline-block}

@media only screen and (max-width: 1201px) {
    .diBlocM {display: block}
}

.prm7 {position: relative; top: -7px}

.promoSirius {text-align: right}
.promoSirius input {margin-left: 1em; margin-right: .2em; width: 8em; vertical-align:sub}
.promoSirius label {font-size: 1em; position: relative; top: 6px}
.promoSirius button {position: relative; top: 3px}
.promoSirius span {vertical-align: top}
.diPromo {align-items: center; margin-bottom: 2em}

@media only screen and (max-width: 600px) {
    .promoSirius span {display: block}
}
@media not screen and (max-width: 600px) {
    .promoSirius span {position: relative; top: 17px}
}

/* bouton radio */
body input:disabled {cursor: default}
body input[type=checkbox]~.input-button,.body input[type=radio]~.input-button {
    position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
    line-height:1.35em; width:1.4em; height:1.4em;
    -webkit-box-flex:0; -webkit-flex:0 0 1.4em; -moz-box-flex:0; -ms-flex:0 0 1.4em; flex:0 0 1.4em;
    display:inline-block; vertical-align:top}
body input[type=checkbox]~.input-button:after,.body input[type=checkbox]~.input-button:before,.body input[type=radio]~.input-button:after,.body input[type=radio]~.input-button:before {
    content:""; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; left:0; top:0; bottom:0; right:0}
body input[type=checkbox]~.input-text,.body input[type=radio]~.input-text {letter-spacing:.01em; padding-left:.5em; line-height:1.35em}
body input[type=checkbox]~.input-text:not(:empty),.body input[type=radio]~.input-text:not(:empty) {margin-right:1.35em}

body input:disabled~.input-text {cursor: not-allowed; color: silver}

body label.checkbox {display:inline-flex; padding:.4em 0; cursor: pointer}
body label.checkbox.inline {padding:0}
body label.checkbox input[type=checkbox] {position:absolute; left:-9999px}

body label.checkbox input[type=checkbox]+.input-button:before {border:1px solid; background:#fff}
body label.checkbox input[type=checkbox]+.input-button:after {
    left:.3em; top:.7em; opacity:0; border:4px solid green; background:transparent; border-top:none; border-right:none;
    width:0; height:0;
    -webkit-transition:height .15s,width .15s .15s; -o-transition:height .15s,.15s width .15s; transition:height .15s,width .15s .15s;
    -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);
    -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0}
body label.checkoff input[type=checkbox]+.input-button:after {border-color: red}
body label.checkbox input[type=checkbox]:checked+.input-button:after {opacity:1; width:1.2em; height:.6em}
body label.checkbox input[type=checkbox]:focus+.input-button:before {background:#f6f6f6}
body label.checkbox input[type=checkbox].disabled~.input-button,.body label.checkbox input[type=checkbox][disabled]~.input-button {color:#aaa; cursor:not-allowed}
body label.checkbox input[type=checkbox].disabled~.input-button:before,.body label.checkbox input[type=checkbox][disabled]~.input-button:before {border-color:#bbb}
body label.checkbox input[type=checkbox].disabled~.input-text,.body label.checkbox input[type=checkbox][disabled]~.input-text {opacity:.5}

body label.radio {display:-webkit-inline-box; display:-webkit-inline-flex; display:-moz-inline-box; display:-ms-inline-flexbox; display:inline-flex;
    padding:.4em 0; color:inherit}
body label.radio:not(:first-child[disabled]) {cursor: pointer}
body label.radio input[type=radio] {position:absolute; left:-9999px}
body label.radio input[type=radio]+.input-button {line-height:1.35em}

body label.radio input[type=radio]+.input-button:after,.body label.radio input[type=radio]+.input-button:before {
    width:1.46em; height:1.49em; border-radius:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body label.radio input[type=radio]+.input-button:before {border:4px solid #fff; background:#fff}
body label.radio input[type=radio]+.input-button:after {border:1px solid; background:transparent}
body label.radio input[type=radio]:checked+.input-button:before {background:currentColor}
body label.radio input[type=radio]:focus+.input-button:before {border-color:#f4f4f4}

body label.radio input[type=radio].disabled~.input-button,.body label.radio input[type=radio][disabled]~.input-button {cursor:not-allowed}
body label.radio input[type=radio].disabled~.input-button:checked:before,.body label.radio input[type=radio][disabled]~.input-button:checked:before {
    border-color:currentColor; opacity:.8}
body label.radio input[type=radio].disabled~.input-button:after,.body label.radio input[type=radio][disabled]~.input-button:after {
    border-color:currentColor; opacity:.6}
body label.radio input[type=radio].disabled~.input-text,.body label.radio input[type=radio][disabled]~.input-text {
    opacity:.5}

body.page label.radio input[type="radio"]+.input-button:after{border-color: grey}
body.page label.radio input[type="radio"]:checked + .input-button:before {background-color: black;transition: all 300ms ease;}

/** ANIMATION BOUTON RADIO **/
label.radio input[type="radio"]:checked + .input-button:before {animation: bounce-in .5s ease 1;}
@keyframes bounce-in {
    0%   {opacity: 0;transform: scale(.3);}
    50%  {opacity: 1;transform: scale(1.05);}
    70%  {transform: scale(.9);}
    100% {transform: scale(1);}
}

/** CORRECTIF AFFICHAGE NAVBAR NIVEL 09/12/2024 **/
@media (min-width: 768px) {
    .main-menu nav.rc {display:flex; width: 100%; justify-content: space-between;}
    ul.main-menu--theatre, ul.nav--secondary, ul.main-menu--account {display: flex;}
}

@media (max-width: 767px) {
    .wrapper--header {display:none;}
    .page.open-menu-mobile .wrapper--header {display:unset;}

}