/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/*
@import url("https://use.typekit.net/suf8piz.css");
*/
/*
CASINO GRAND CERCLE 2024

POLICES

Eurostile Medium
------------------
font-family: "eurostile", sans-serif;
font-weight: 500;
font-style: normal;

Eurostile Black
------------------
font-family: "eurostile", sans-serif;
font-weight: 900;
font-style: normal;

Eurostile Black Italic
------------------
font-family: "eurostile", sans-serif;
font-weight: 900;
font-style: italic;

COULEURS
------------------
Blanc:      #ffffff     var(--bricks-color-pwqjoe)
Rouge:      #e56c70     var(--bricks-color-avirso)
Bleu Clair: #006a8a     var(--bricks-color-xzawwe)
Bleu Foncé: #101c23     var(--bricks-color-dfnngs)
Jaune:      #ffe44d     var(--bricks-color-keednb)
Noir:       #090809     var(--bricks-color-suqxxy) 
Bordeau:    #650d1b     var(--bricks-color-tyczli)
Turquoise:  #34d1bf     var(--bricks-color-dzrnbb)
Bleu Gris:  #2b5568     var(--bricks-color-novlel)
Vert:       #00aa7c     var(--bricks-color-vslyxo)
Creme:      #f0edeb     var(--bricks-color-uhvoyj)

*/

/* Roboto uniquement pour la notice */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
	
/*#################### VARIABLES ####################*/
:root {
     --notice-h:115px; /* Hauteur de la notice */
    --header-h:54px;
    /* Animation H1 */
    --animh1:-20%; /* Animation H1 Animation position h1:after */
    --animh1op:1; /* Animation H1 Animation opacité h1:after */
}
@media (min-width: 380px) {
	:root {
	 --notice-h:120px; /* Hauteur de la notice */
	}
}
@media (min-width: 460px) {
	:root {
	 --notice-h:110px; /* Hauteur de la notice */
	}
}
@media (min-width: 768px) {
	:root {
	 --notice-h:116px; /* Hauteur de la notice */
	}
}
@media (min-width: 920px) {
	:root {
	 --notice-h:100px; /* Hauteur de la notice */
	}
}
/*#################### VARIABLES ####################*/



/*##### Hauteur Maximum  reduite a cause de la notice #####*/

.vh-100 {
    height: calc( 100vh - var(--notice-h) );
}

/*##### /Hauteur Maximum  reduite a cause de la notice #####*/


/*#################### WOOCOMMERCE ####################*/

/* Button */
body .woocommerce .button, .woocommerce-button, .piotnetforms-button {
    min-height: 0;
    color: var(--bricks-color-dfnngs);
    background-color: transparent;
    border: 2px solid var(--bricks-color-suqxxy); 
    font-size: var(--text-m);
    padding: .6em 1em;    
    text-align: center;
    text-transform: uppercase;
    font-family: "eurostile";
    font-weight: 900;
    letter-spacing: -0.2px;
    line-height: 1.1;
    border-radius: 10em;    
}
body .woocommerce .button:hover, .woocommerce-button:hover, .piotnetforms-button:hover {
    color: var(--bricks-color-avirso);
    background-color: transparent;
    border: 2px solid var(--bricks-color-avirso); 
}
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm .button,  body.woocommerce-account .woocommerce .woocommerce-address-fields .button {
  margin-top: var(--space-m);
}
/*Dans mon compte */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-orders tbody td a.woocommerce-button {
    font-size: var(--text-s);
    letter-spacing: 0;
    padding: .4em 0.8em;
}
/* /Button */




/*########## Page Mon Compte ##########*/

/* Page identification */
.woocommerce-privacy-policy-text {
    font-size: var(--text-s);
}

/* Menu de navigation */
.woocommerce-account .woocommerce-MyAccount-navigation > ul {
    position: sticky;
    top: 56px;
}

.woocommerce-MyAccount-content h3 { 
    margin-bottom: var(--space-m);
}

/* Mon compte / Commandes */ 
@media (max-width: 767px) { 
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-orders tbody tr:not(:last-child), body.woocommerce-account .woocommerce .woocommerce-table--order-downloads tbody tr:not(:last-child) {
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-color: var(--bricks-color-suqxxy);
    }
}

/* Formulaire Global - enlever les styles des blocks woocommerce */
label,
.commande-client.brxe-woocommerce-checkout-customer-details label,
body #piotnetforms .piotnetforms-field-group > label.piotnetforms-field-label {
    font-family: "eurostile";
    font-weight: 500;
    text-transform: uppercase;
    margin-top: var(--space-xs);
    margin-bottom: 4px;
    margin-left: var(--space-s);
}

/* Image select Piotnet */
body #piotnetforms img.image_picker_image {
    
}
body #piotnetforms img.image_picker_image {
    display: none;
    aspect-ratio: 4 / 1;
    height: auto;
    width: 100%;
    object-fit: cover;
}
@media (min-width: 576px) {
    body #piotnetforms img.image_picker_image {
        display: block;
    }
}
@media (min-width: 767px) {
    body #piotnetforms img.image_picker_image {
        aspect-ratio: 16 / 9;
    }
}

/* Adresse */
.woocommerce-address-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    border: 2px solid var(--bricks-color-dfnngs); 
    border-radius: var(--radius-m);
    padding: var(--space-m);
}
.woocommerce-Address-title {
    margin-bottom: var(--space-s);
}
.woocommerce-account .woocommerce-Addresses .edit {
    color: var(--bricks-color-avirso);
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-orders tbody td a,
body.woocommerce-account .woocommerce .woocommerce-table--order-downloads tbody td a {
    font-weight: 900;
    margin-right: var(--space-xs);
}

/* Détails du compte */
.woocommerce-account form label {
    font-weight: 600;
}
.woocommerce-EditAccountForm p:nth-child(6) {
    margin-top: var(--space-m);
    margin-bottom: var(--space-m);    
}

/* Détail de commande */
.mon-compte h2 {
    font-size: var(--h3);
    margin-bottom: var(--space-s);   
}
.mon-compte .woocommerce-customer-details address {
    border: 1px solid var(--bricks-border-color); 
    padding: var(--space-m);
    width: 100%;
}

body.woocommerce-account .woocommerce-order-details table+.order-again {
    margin: var(--space-m) 0 0;
    text-align: center;
}
.woocommerce-account .compte-code-barres {
    margin-top: var(--space-m);
    padding: var(--space-m);
    text-align: center;
    border: 1px solid var(--bricks-border-color);
}
.woocommerce-account .woocommerce-table__product-name.product-name a {
    font-weight: 700;
}


/*########## /Page Mon Compte ##########*/


/*########## Notice ##########*/
.woo-notice {
    margin-bottom: var(--space-l) !important;
}
/*########## /Notice ##########*/


/*########## Page Merci pour votre commande ##########*/
.commande-merci h2 {
    font-size: var(--h3);
    margin-bottom: var(--space-s);
}
.commande-merci .woocommerce-customer-details address {
    border: 1px solid var(--bricks-border-color); 
    padding: var(--space-m);
    width: 100%;
}
.commande-merci .order-again {
    text-align: center;
}
/*########## /Merci pour votre commande ##########*/

/*########## Qr Code ##########*/
.qr-code-cont {
    border: 1px solid var(--bricks-border-color);
}
/*########## /Qr Code ##########*/


body .input, body input:not([type="submit"]), body select, body textarea {
    color: var(--bricks-color-pwqjoe);
    background-color: transparent;
    border-radius: 14px;
    border-width: 2px;
    border-color: var(--black-trans-30);
}
    body .clair .input, body .clair input:not([type="submit"]), body .clair select, body .clair  textarea {
        color: var(--bricks-color-dfnngs);
    }
body .ui-datepicker select { color: var(--bricks-color-dfnngs); } /* mois, années */
body.bricks-is-frontend :focus-visible {
    background-color: var(--bricks-color-pwqjoe);
    color: var(--bricks-color-suqxxy);
    outline-color: var(--bricks-color-pwqjoe) !important;
}
    body.bricks-is-frontend :focus-visible {
        background-color: var(--bricks-color-uhvoyj);
        color: var(--bricks-color-dfnngs);
        outline-color: var(--bricks-color-avirso) !important;        
    }
body .woocommerce .select2-selection {
    border-radius: 14px;
}
body .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 14px;
}
    body .clair  .select2-container--default .select2-selection--single {
        border: 2px solid var(--bricks-color-dfnngs);
    }
body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    padding: 0 12px;
}
    body .clair .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--bricks-color-dfnngs);
        padding: 0 12px;
    }
body .select2-container {
    color: var(--bricks-color-suqxxy);
}
body ::placeholder {
  color: #B1B1B1;
}
    body .clair ::placeholder {
      color: #424242;
    }

/* Commande */

.woocommerce-checkout .shop_table tfoot, .woocommerce-checkout .shop_table thead {
  border-bottom: 5px solid var(--bricks-border-color) !important;
}
.woocommerce-checkout #order_review {
  border: none !important;
}

/* Panier */

.commande-cont .woocommerce-cart-form thead {
	border-bottom: 4px solid var(--bricks-border-color);
}
.commande-cont .woocommerce-cart-form tbody tr {
	border-bottom-width: 2px;
}
.commande-cont .input, .commande-cont input:not([type="submit"]), select, textarea {
	border-width: 2px;
}
.commande-cont .woocommerce-cart-form .product-thumbnail img {
	border-radius: 10em;
}
.commande-cont form.cart .quantity, .commande-cont form.woocommerce-cart-form .quantity {
	gap: 5px;
}
.commande-cont form.cart .quantity .minus, .commande-cont form.cart .quantity .plus, .commande-cont form.woocommerce-cart-form .quantity .minus, .commande-cont form.woocommerce-cart-form .quantity .plus {
	opacity: 1;
}
.commande-cont form.cart .quantity .qty, .commande-cont form.woocommerce-cart-form .quantity .qty {
	border-left: solid 2px var(--bricks-border-color) !important;
	border-right: solid 2px var(--bricks-border-color) !important;
}
.commande-cont .woocommerce-cart-form .product-remove a {
	padding: 0 7px;
	font-weight: 300;
}
.commande-cont .woocommerce-cart-form .product-name {
    padding: 0 var(--space-xs);
}   
/* Modes paiement*/
body.woocommerce-checkout #payment .payment_methods li {
    margin-bottom: var(--space-xs);
    padding: var(--space-xs) var(--space-s);
    border: solid 4px var(--bricks-color-xzawwe);
    border-radius: var(--radius-m);
}
body.woocommerce-checkout #payment .payment_methods input[type="radio"] + label {
    font-size: var(--text-m);
    font-family: "eurostile";
    text-transform: uppercase;
    font-weight: 900;
}
.cart-total.brxe-woocommerce-cart-collaterals .order-total td[data-title="Total"],
.woocommerce-checkout-review-order-table .order-total > td {
    display: flex;
    flex-direction: column;
}
.cart-total.brxe-woocommerce-cart-collaterals .order-total .includes_tax {
    font-weight: 400;
    font-size: var(--text-m);
}
.woocommerce-terms-and-conditions {
    padding: var(--space-xs);
    background-color: var(--bricks-color-uhvoyj);
}
@media (max-width: 767px) {
	.commande-cont .woocommerce-cart-form tbody tr {
		margin-bottom: 20px;
		display: flex;
		flex-direction: column;
	}	
	.commande-cont .woocommerce-cart-form tbody tr td:nth-child(2) {
		display: none;
	}
	.commande-cont .woocommerce-cart-form tbody td {
		padding: 6px 0;
		border-bottom: dotted 1px #fff;
		width: 100%;
	}
	.commande-cont .cart-items.brxe-woocommerce-cart-items .product-thumbnail img {
		display: none;
	}
	.commande-cont .cart-items.brxe-woocommerce-cart-items .product-remove a {
		line-height: 1;
		display: flex;
		align-items: center;
		height: 26px;
	    padding: 0 0 6px 0;
	}
	.commande-cont .cart-items.brxe-woocommerce-cart-items .product-remove a:after {
		content: 'Supprimer';
		font-size: var(--text-m);
		margin-top: 8px;
	}
    .commande-cont .woocommerce-cart-form .product-name {
        padding: 0;
    }    
	
}

/*!!!!!!!!!!!!!!!!!!!!!!!! A FINIR !!!!!!!!!!!!!!!!!!!!!!!*/
.woocommerce .before-cart, .woocommerce .before-checkout { display: none !important; }


/**/
select.variations option:disabled {
  color: #ccc;
  cursor: not-allowed;
}


/*#################### /WOOCOMMERCE ####################*/





/*#################### COULEURS GUTENBERG EDITOR ####################*/
.has-blanc-background-color { background-color: #ffffff; }
.has-blanc-color { color: #ffffff; }
.has-rouge-background-color { background-color: #e56c70; }
.has-rouge-color { color: #e56c70; }
.has-bleu-clair-background-color { background-color: #006a8a; }
.has-bleu-clair-color { color: #006a8a; }
.has-bleu-fonce-background-color { background-color: #101c23; }
.has-bleu-fonce-color { color: #101c23; }
.has-noir-background-color { background-color: #090809; }
.has-noir-color { color: #090809; }
.has-jaune-background-color { background-color: #ffd64f; }
.has-jaune-color { color: #ffd64f; }
.has-bordeau-background-color { background-color: #650d1b; }
.has-bordeau-color { color: #650d1b; }
.has-turquoise-background-color { background-color: #34d1bf; }
.has-turquoise-color { color: #34d1bf; }
.has-blue-gris-color { color: #2b5568; }
.has-vert-color { color: #00aa7c ; }
.has-creme-color { color: #f0edeb; }




/*#################### /COULEURS GUTENBERG EDITOR ####################*/





/*#################### GLOBAL ####################*/

body {
   /* padding-top: var(--notice-h); */ /* notice en haut */
}
body #brx-header.sticky {
  /* top: var(--notice-h); */ /* notice en haut */
}

body { 
    overflow-x: hidden;
    padding-bottom: var(--notice-h);
}
body {
    background: rgb(26,79,103);
   /* background: rgba(16,28,35,0.9) !important;*/
    background: -moz-radial-gradient(circle, rgba(26,79,103,1) 0%, rgba(33,38,46,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(26,79,103,1) 0%, rgba(33,38,46,1) 100%);
    background: radial-gradient(circle, rgba(26,79,103,1) 0%, rgba(33,38,46,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a4f67",endColorstr="#21262e",GradientType=1); 
}


h1, h2 { max-inline-size: 1080px !important; }
h1:not(.clair *), h2:not(.clair *) {
text-shadow: 2px 2px 4px rgba(18, 28, 37, 1),
    0px 0px 30px rgba(64, 196, 255, 0.7);
}
h1, .h--1, h2, .h--2 {
    text-align: center;
    position: relative;
    /*width: max-content !important; ceci depasse la largeur du cadre */
    letter-spacing: -1px;
    font-weight: 900;
}
h3, .h--3 {
    font-weight: 900;
}
h4, .h--4, h5, .h--5, h6 {
    font-weight: 700;
}
h6, .h--6 {
    font-weight: 500;
}
.sous-titre-surligne {
    position: relative;
    margin-top: 10px;
    padding-top: 10px;
    display: flex;
  justify-content: center;
}
.sous-titre-surligne:before {
    content: '';
    width: 22%;
    height: 4px;
    position: absolute;
    top: 0;
    background-color: var(--bricks-color-keednb);
}

/* Textes contour */
/* Outline text for older browsers */
.titre-contour-blanc {
    color: white; 
    text-shadow: -1px -1px 0 var(--bricks-color-pwqjoe), 1px -1px 0 var(--bricks-color-pwqjoe), -1px 1px 0 var(--bricks-color-pwqjoe), 1px 1px 0 var(--bricks-color-pwqjoe);
}

/* Outline tetx for modern browsers */
@supports((text-stroke: 2px var(--bricks-color-pwqjoe)) or (-webkit-text-stroke: 2px var(--bricks-color-pwqjoe))) {
    .titre-contour-blanc {
        color: transparent;
        -webkit-text-stroke: 2px var(--bricks-color-pwqjoe);
		text-stroke: 2px var(--bricks-color-pwqjoe);
        text-shadow: none !important;
    }
}

/* En-Tete Simple */
.en-tete-simple-sous-titre:before {
    content: '';
    display: block;
    width: 40%;
    height: 2px;
    background: #fff;
    margin-bottom: var(--space-xs);
}


/* Listes global */
ul, ol {
    padding-left: var(--space-s);
} 
/* Listes numérotés */
ol {
    list-style: none;
    counter-reset: item;
}
ol li {
    counter-increment: item;
    margin-bottom: 5px;
}
ol li:before {
    margin-right: var(--space-xs);
    content: counter(item);
    background: var(--bricks-color-pwqjoe);
    color: var(--bricks-color-dfnngs);
    font-weight: 600;
    border-radius: 10em;
    width: 1.2em;
    text-align: center;
    display: inline-block;
    height: 1.2em;
    line-height: 1.2;
}

/* Tableaux */
.tableau-01 {
    overflow-x: auto;
}
.tableau-01 table {
    border-collapse: collapse;
}
.tableau-01 th, .tableau-01 td {
    padding: var(--space-xs) var(--space-s);
    text-align: center;
    line-height: 1.2;
}
.tableau-01 th {
	font-family: "eurostile", sans-serif;
	font-size: var(--h4);
	font-weight: 700;
    border-bottom: 4px solid #fff;
}
.tableau-01 th[scope="row"] { border-bottom: 2px solid #fff; }
.tableau-01 tr {
    
}
.tableau-01 td {
    border-bottom: 2px solid #fff;
}

/* Grille 01 */
.grille-01 {
    display: grid;
    grid-template-columns: var(--grid-1);
    gap: var(--space-s);
    align-items: stretch;
}
.grille-01 > div {
    background-color: var(--bricks-color-vslyxo);
    gap: var(--space-s);
    text-align: center;
    align-items: center;
    padding: var(--space-s) var(--space-xs);
}
@media (min-width: 767px) {
    .grille-01 {
        grid-template-columns: var(--grid-2);
        gap: var(--space-m);
    }    
}
@media (min-width: 992px) {
    .grille-01 {
        gap: var(--space-l);
    }    
}


/* Menu Flottant */

.menu-flottant {
    position: relative; 
    z-index: 20;
    padding: var(--space-xs);
    text-align: center;
    border-radius: var(--radius-m);
    display: grid;
    /*grid-template-columns: var(--grid-4);*/ /* nombre de colonnes gere sur chaque page */
    gap: var(--space-s);    
}
.menu-flottant.show-sticky {
    position: fixed; 
    top: 0; 
    animation: slideIn 0.5s forwards;
    background-color: var(--bricks-color-avirso);
}
@keyframes slideIn {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.menu-flottant.show-sticky h3 {
    transition: all 0.2s;
}
.menu-flottant.show-sticky h3 {
    font-size: var(--h4);
}
.menu-flottant a {
    align-items: center;
}
.menu-flottant a:hover { 
}

.menu-flottant-images {
    display: grid;
    /*grid-template-columns: var(--grid-4);*/ /* nombre de colonnes gere sur chaque page */
    padding: var(--space-m) var(--space-xs) var(--space-xs); 
    gap: var(--space-s);
}
.menu-flottant-images a {
    border-radius: var(--radius-m);
    overflow: hidden;
}
.menu-flottant-images img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 19 / 9;
    transition: all 0.2s;
}
.menu-flottant-images a:hover img {
    transform: scale(1.1) !important;
}
@media (min-width: 767px) {
}
@media (min-width: 992px) {
}



/* Anim h1 */
.anim-h1::after { 
    content: '';
    position: absolute;
    left: var(--animh1); /* Voir variables */
    top: -18px;
    z-index: -1;
    width: 360px;
    height: 160px;
    border-radius: 10em;
    filter: blur(80px);
    mix-blend-mode: overlay;
    background: #fff;
    opacity: var(--animh1op);
}

.clair, .clair h1, .clair h2, .clair h3, .clair h4, .clair h5, .clair h6, .clair p {
    color: var(--bricks-color-suqxxy);
}
.clair a:not(.brxe-button) {
    color: var(--bricks-color-avirso);
}
.clair a:hover:not(.brxe-button) {
    color: var(--bricks-color-dzrnbb);
}
.fonce, .fonce * {
    color: var(--bricks-color-pwqjoe);
}

/* Ombre texte */
.ombre-texte-01 {
    text-shadow: -10px 10px 0px #00e6e6,
                 -20px 20px 0px #01cccc,
                 -30px 30px 0px #00bdbd;
}
.ombre-texte-02 {
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
                 0px 8px 13px rgba(0,0,0,0.1),
                 0px 18px 23px rgba(0,0,0,0.1);
}
/* /Ombre texte */

/**/
.cont-centre {
    align-items: center;
    display: flex;
    flex-direction: column;
}
/**/

/*#################### HEADER ####################*/

/* Fond */
#brx-header {
    /*position: relative;*/
}
#brx-header:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,221,255,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,221,255,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,221,255,0.1);
}
#brx-header.scrolling:before {
    background: rgba(16,28,35,1);
    opacity: 0.85;
    top: 0;
}
#brx-header.scrolling:hover:before {
    opacity: 1;
    background: rgba(12,17,22,1.00);
    -webkit-box-shadow: 0px 0px 90px 0px rgba(0,221,255,0.6);
    -moz-box-shadow: 0px 0px 90px 0px rgba(0,221,255,0.6);
    box-shadow: 0px 0px 90px 0px rgba(0,221,255,0.6);    
}

/**/
.logo-texte { transition: all 0.5s; }
#brx-header.scrolling .logo-texte {
    top: -40px;
    opacity: 0;
}

/**/
#brx-header .logo-vignette a {
    perspective: 200px; /* sur element parent */
}
#brx-header .logo-vignette svg {
    opacity: 0;
}
#brx-header .logo-vignette.brxe-code {
    transition: all 0.5s;
}
#brx-header.scrolling .logo-vignette.brxe-code {
    width: 40px;
    height: 40px;
}
#brx-header .header-icones.brxe-social-icons {
    transition: all 0.25s;
}
#brx-header.scrolling .header-icones.brxe-social-icons {
    font-size: var(--text-m);
}

/*#################### /HEADER ####################*/

/* Off Canvas */
.off-canvas-menu .bu-oc-panel {
    align-items: center;
    justify-content: center;
	/* top: var(--notice-h); */ /* notice en haut */
}
/* /Off Canvas */

/* Menu BG */
.menu-bg {
    opacity: 0;
    transform: translateX(-200px);
    transition: transform 300ms ease-in, opacity 500ms ease-in; /* Durées pour l'entrée */
    z-index: 1;
}

.menu-bg.visible {
    opacity: 1;
    transform: translateX(0);
    transition: transform 200ms ease-out, opacity 300ms ease-out; /* Durées pour la sortie */
}
/* /Menu BG */



/* Degrade */
.degrade-02 {
    background: rgb(0,167,173);
    background: -moz-radial-gradient(circle, rgba(0,167,173,1) 0%, rgba(0,93,123,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(0,167,173,1) 0%, rgba(0,93,123,1) 100%);
    background: radial-gradient(circle, rgba(0,167,173,1) 0%, rgba(0,93,123,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a7ad",endColorstr="#005d7b",GradientType=1); 
}
.degrade-03 {
background-size: 100% 100%;
background-position: 0px 0px,0px 0px,0px 0px,0px 0px,0px 0px;
background-image: radial-gradient(50% 40% at 40% 30%, #73FFD440 0%, #073AFF00 100%),radial-gradient(60% 40% at 90% 90%, #099398FF 9%, #073AFF00 100%),linear-gradient(119deg, #099398 0%, #006a8a 100%);
}
/* /Degrade */


/*#################### /GLOBAL ####################*/


/**/
/*
.header-01-img {
    -webkit-mask-image:url(https://www.casinograndcercle.com/wp-content/uploads/2024/03/svg-mask-01.svg);
    -webkit-mask-position:top center;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-size:contain;

    mask-image:url(https://dev.casinograndcercle.com/wp-content/uploads/2024/03/svg-mask-01.svg);
    mask-position:top center;
    mask-repeat:no-repeat;
    mask-size:contain;
    overflow: hidden;
}
*/




/* Slider Agenda*/
.slider-agenda .splide__arrows {
    
}
.slider-agenda .splide__arrow {
    top: -24px;
}
.slider-agenda .splide__arrow--prev {
    left: auto;
  right: 64px;
}


/* Wp Grid Builder */
.wpgb-facet .wpgb-button[aria-pressed="true"] {
  background-color: var(--bricks-color-xzawwe) !important;
  border-color: var(--bricks-color-xzawwe) !important;
}
.wpgb-facet .wpgb-radio-label, .wpgb-facet .wpgb-button-label, .wpgb-facet .wpgb-rating-label, .wpgb-facet .wpgb-az-index-label, .wpgb-facet .wpgb-checkbox-label, .wpgb-facet .wpgb-hierarchy-label {
	font-family: "eurostile", sans-serif;
	font-size: var(--h4) !important;
	font-weight: 500 !important;
}




/*#################### PRODUIT ARCHIVE ####################*/
.prod-arch-cel {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.prod-arch-img { 
    transition: all 0.5s;
    /*transform: scale(1);*/
}
.prod-arch-cel:hover .prod-arch-img {
    opacity: 0.5;
    /*transform: scale(1.2);*/
}
/*#################### PRODUIT ARCHIVE ####################*/


/*#################### PRODUIT SINGLE ####################*/
body .brxe-product-price .price del {
  color: #c6c6c6;
  margin-right: 5px;
  text-decoration: none;
  text-decoration-line: line-through;
  text-decoration-thickness: 0.3rem;
  text-decoration-color: rgba(255,0,4,0.68);
  font-weight: 700 !important;
}
/*#################### /PRODUIT SINGLE ####################*/



/*#################### ACCUEIL ####################*/

/*------ AGENDA ACCUEIL ------*/

.agenda-accueil-section {
    position: relative;
    overflow: hidden;
    overflow-y: hidden;
}

/**/
.agenda-accueil-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(34,193,195);
    background: -moz-radial-gradient(circle, rgba(34,193,195,1) 0%, rgba(34,193,195,0) 100%);
    background: -webkit-radial-gradient(circle, rgba(34,193,195,1) 0%, rgba(34,193,195,0) 100%);
    background: radial-gradient(circle, rgba(34,193,195,1) 0%, rgba(34,193,195,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#22c1c3",endColorstr="#22c1c3",GradientType=1);  
    mix-blend-mode: screen;
    opacity: 0.5;
}

/**/
.agenda-accueil-affiche {
    transition: all 250ms;
}
.agenda-accueil-affiche img {
    transition: transform 250ms ease-out;
}
.agenda-accueil-affiche:hover img {
    -moz-transform: scale(1.4) rotate(15deg);
    -webkit-transform: scale(1.4) rotate(15deg);
    -o-transform: scale(1.4) rotate(15deg);
    -ms-transform: scale(1.4) rotate(15deg);
    transform: scale(1.4) rotate(15deg);
}
.agenda-accueil-affiche i.icon {
    opacity: 0;
    transition: all 0.5s;
}
.agenda-accueil-affiche:hover i.icon {
    opacity: 1;
}
.agenda-accueil-affiche.brxe-image:hover {
   /* border-radius: 25%; */
}
.agenda-accueil-date-cont:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    display : inline-block;
    height : 0;
    width : 0;
    border-top : 16px solid var(--bricks-color-avirso);
    border-right : 16px solid transparent;
}
body .agenda-accueil-affiche.brxe-image {
    border-radius: 54% 46% 42% 58%/60% 58% 42% 40%;
    animation: vawe 5s linear infinite;
}
@keyframes vawe {
    20% {
        border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%;
    }
    40% {
        border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%;
    }
    60% {
        border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%;
    }
    80% {
        border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%;
    }
}
.brxe-fnglet { /* FOND DE SECTION A FINIR */
    object-position: top !important;
}
/* Bouton */
/*
.agenda-accueil-scroll-btn {
    bottom: 1vh;
}
.agenda-accueil .agenda-accueil-section:last-child .agenda-accueil-scroll-btn { display: none; }
.agenda-accueil-scroll-btn, .agenda-accueil-scroll-btn:before, .agenda-accueil-scroll-btn:after {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.agenda-accueil-scroll-btn {
    cursor: pointer;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
.agenda-accueil-scroll-btn:before, .agenda-accueil-scroll-btn:after {
    position: absolute;
    top: 0;
    left: 0;
}
.agenda-accueil-scroll-btn:before {
    border: 4px solid transparent;
    line-height: 60px;
}
.agenda-accueil-scroll-btn:after {
    content: "";
    border: 0 solid transparent;
}
.agenda-accueil-scroll-btn:hover {
    color: #e56c70;
}
.agenda-accueil-scroll-btn:hover:before, .agenda-accueil-scroll-btn:hover:after {
}
.agenda-accueil-scroll-btn:hover:before {
    border-top-color: #e56c70;
    border-right-color: #e56c70;
    border-bottom-color: #e56c70;
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.agenda-accueil-scroll-btn:hover:after {
    border-top: 4px solid #e56c70;
    border-left-width: 4px;
    border-right-width: 4px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
@media (min-width: 767px) {
    .agenda-accueil-scroll-btn, .agenda-accueil-scroll-btn:before, .agenda-accueil-scroll-btn:after {
        width: 100px;
        height: 100px;   
    }
    .agenda-accueil-scroll-btn:before {
        line-height: 100px;
    }    
}
@media screen and (max-height: 580px) {
    .agenda-accueil-scroll-btn {
        right: 10px;
        bottom: 10px;
    }
}
*/



/*------ /AGENDA ACCUEIL ------*/



/*------ SLIDE RESTO ------*/
.slider-resto .splide__arrows i {
    color: var(--bricks-color-pwqjoe);
}
/*------ /SLIDE RESTO ------*/


/*------ GOOGLE REVIEWS ------*/
.wp-gr .wp-google-left {
    display: block !important;
    padding-right: 0 !important;
	text-align: center !important;
}
.wp-gr.wpac .wp-google-left img {
    width: 100px !important;
    height: 100px !important;
	float: none !important;
	margin: 0 auto 10px;
}
.wp-gr.wpac .wp-google-name {
    text-align: center !important;
	padding: 0 !important;
}
.wp-gr .wp-google-right {
    display: block !important;
	text-align: center !important;
	width: 100% !important;
}
.wp-gr .wp-google-right > div {
	margin: 7px auto 0 !important;
}
.wp-google-content-inner {
	display: none;
}
/*------ /GOOGLE REVIEWS ------*/


/*------ TRIPADVISOR ------*/
#TA_cdsratingsonlynarrow996 > img {
	display: block;
}
#TA_cdsratingsonlynarrow996 .cdsROW.narrow {
    width: 100% !important;
    padding: 10px !important;
}
#TA_cdsratingsonlynarrow996 .cdsROWContainer {
    width: 100%;
}
#TA_cdsratingsonlynarrow996 .cdsROW .logo img {
    max-width: 150px;
    width: 150px;
}
#TA_cdsratingsonlynarrow996 .cdsROW {
    font-size: 18px;
}
#TA_cdsratingsonlynarrow996 .cdsROW .cdsRating .ui_bubble_rating {
    font-size: 18px;
    margin-bottom: 4px;
}
/*------ /TRIPADVISOR ------*/


/*------ JACKPOT ------*/
#splide01 .splide__slide, #splide01 .splide__slide:after {
    transition: all 0.5s;
}
#splide01 .splide__slide:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border: 4px solid var(--bricks-color-pwqjoe);
    opacity: 0;
}
#splide01 .splide__slide.is-active:after { opacity: 1; }
#splide01 .splide__slide { opacity: 0.2; }
#splide01 .splide__slide.is-next, #splide01 .splide__slide.is-prev { opacity: 0.6; }
#splide01 .splide__slide.is-active { opacity: 1; }
/*------ /JACKPOT ------*/



/*#################### /ACCUEIL ####################*/


/*#################### TOURNOIS SINGLE ####################*/
.tour-dates {
   /* font-size: var(--h2);
    font-weight: 700;*/
    flex-direction: row;
    column-gap: var(--space-s);
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff !important;
    color: rgba(26,79,103,1);
} 
.tour-decompte.bu-countdown-separator-line .bu-countdown-item::after {
    position: absolute;
    top: 17%;
    right: calc((var(--space-m) / 2) * -1);
    border-right: 2px solid #ccc;
    height: 80%;
}
/*#################### /TOURNOIS SINGLE ####################*/


/*#################### LISTE TOURNOIS ####################*/

/* Global */
.tour-header-sticky-trigger {
    height: 1px;
}
.tour-liste, .tour-liste-header {
    font-family: "eurostile", sans-serif;
    text-align: center;
    font-weight: 600;
}
.tour-liste, .tour-liste-li, .tour-liste-d, .tour-liste-d-li {
    margin: 0; padding: 0; list-style: none;
}
.tour-liste {
    gap: 34px;
}
.tour-liste-li {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    /* Global */
    .tour-liste {
      gap: 12px;
    }     
    .tour-liste, .tour-liste-li, .tour-liste-d {
        gap: 6px;
    }
    .tour-liste-li {
        flex-direction: row;   
        align-items: stretch;
    }    
}


/* Gauche */
.tour-liste-g { 
    display: grid;
    grid-auto-flow: column;
    align-items: end;
    justify-content: center;
    column-gap: 10px;
    width: 100%;
    padding: 8px 4px;
    background-color: var(--bricks-color-pwqjoe);
    line-height: 1;
    text-transform: uppercase; 
    z-index: -6;
    position: sticky;
    top: 54px;
    z-index: 1;
    -webkit-box-shadow: 0px -1px 20px -2px rgba(15,15,15,0.9);
    box-shadow: 0px -1px 20px -2px rgba(15,15,15,0.9);
}
.tour-liste-li:nth-child(even) .tour-liste-g { 
    color: var(--bricks-color-pwqjoe);
    /* background dynamique */
}
.tour-liste-g:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #000;
    mix-blend-mode: overlay;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(15deg, rgba(255,255,255,0.8519608527004552) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(15deg, rgba(255,255,255,0.8519608527004552) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(15deg, rgba(255,255,255,0.8519608527004552) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);    
}
/* Désactive pour les utilisateurs ayant activé "Réduire les animations" - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .tour-liste-g::before {
        content: none;       /* supprime le pseudo-élément */
        background: none;    /* au cas où, pour être sûr */
    }
}

.tour-liste-g-jour, .tour-liste-g-date { 
    font-weight: 900;
    font-size: var(--text-xxl);
    letter-spacing: -2px;
}
.tour-liste-g-date {
    font-weight: 500;
    margin-top: -6px;
}
.tour-liste-g-mois, .tour-liste-g-annee {
    font-size: var(--text-m);
}   
@media (min-width: 992px) {
    /* Gauche */
    .tour-liste-g { 
        width: 110px;
        grid-auto-flow: row;
        align-content: center;
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 0;
    }
    .tour-liste-g-jour { 
        font-size: var(--text-xl);
    }
    .tour-liste-g-date {
        margin-bottom: 3px;
    }
    .tour-liste-g-mois, .tour-liste-g-annee {
        font-weight: 700;
        font-size: var(--text-s);
    }    
}

/* Droite */
.tour-liste-d {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.tour-liste-d-li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 6px;
    text-align: left;
    padding: 16px 30px;
    background-color: var(--bricks-color-pwqjoe);
    min-height: 42px;
    position: relative;
    background: transparent !important;
}
.tour-liste-d-li:nth-child(even),
.tour-liste-d-li:nth-child(even) .tour-liste-info-pop.brxe-xpopover .x-popover_button { 
    /*color: var(--bricks-color-pwqjoe);*/
    /* Background dynamique */
}
.tour-liste-d-li:after, .tour-liste-d-li:before {
    content: '';
    display: block;
    width: 0px;
    height: 100%;
    position: absolute;
    z-index: -3;
    background: rgba(0, 0, 0, 0.15);
    left: 0;
    transition: all 0.25s;
}
.tour-liste-d-li:before {
    width: 100%;
    z-index: -4;
    /*background: var(--bricks-color-pwqjoe);*/
    background-color: var(--couleur-fond-after); /* valeurs de la var définies dans le js de la page */
}
.tour-liste-d-li:hover:after {
    z-index: -1;
    width: 100%;
    transform: scaleX(1.01) scaleY(1.005);
}
.tour-liste-d-li:hover:before {
    z-index: -2;
    transform: scaleX(1.01) scaleY(1.005);
    -webkit-box-shadow: 2px 2px 22px -2px rgba(15,15,15,0.7); 
    box-shadow: 2px 2px 22px -2px rgba(15,15,15,0.7);
}
@media (min-width: 768px) { 
    .tour-liste-d-li {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 992px) {
    .tour-liste-d-li {
        grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 3fr 3fr 1fr;
        gap: 5px;
        align-items: center;
        padding: 8px 20px;
    }     
    .tour-liste-d-li:hover:after {
        transform: scaleX(1.02) scaleY(1.1);
    }
    .tour-liste-d-li:hover:before {
        transform: scaleX(1.02) scaleY(1.1);
    }    
}
@media (min-width: 1280px) {
    .tour-liste-d-li {
        grid-template-columns: 53px 40px 2fr 100px 70px 60px 60px 160px 145px 80px 125px 80px; 
    }   
}

.tour-info-cel {
    grid-row-gap: var(--space-xs);
}

/* Droite Cel */
.tour-liste-d-li .tour-liste-d-li-cel {
    text-align: left;
    width: 100%;
    padding: 5px 4px 8px 2px;
    border-bottom: 2px dotted #bbb;
}
.tour-liste-d-li .tour-liste-d-li-cel:nth-child(3) { /* Nom */
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 3;
} 
.tour-liste-d-li .tour-liste-d-li-cel:last-child { /* Bouton */
    display: flex;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 3;
    border: none;
    padding-top: 12px;
}  
.tour-liste-d-li > div > span {
    display: inline-block;
    min-width: 30%;
    font-weight: 300;
    white-space: nowrap;
    margin-right: 6px;
}
.tour-liste-d-li > div:nth-child(3) > span {
    min-width: calc( 15% - 5px );
}
.tour-liste-d-li > div > div { text-align: center; }    
.tour-liste .tour-liste-btn-inscr {
    width: 100%;
    max-width: 300px;
    color: #000;
}
.tour-liste .tour-liste-btn-inscr:nth-child(2) {
    background-color: #cacaca;
     margin-top: 4px;
}
.tour-liste .tour-liste-nbre-inscrits div {
    width: auto !important;
}
.tour-liste .tour-liste-nbre-inscrits-nmbre {
    align-self: center;
    width: auto;
    min-width: 34px;
    height: 34px;
    margin-top: -12px;
    margin-bottom: -6px;
    line-height: 34px;
    color: #fff;
    background: var(--bricks-color-avirso);
    font-weight: 700;
    border-radius: 10em;    
}


@media (min-width: 768px) {
    .tour-liste-d-li .tour-liste-d-li-cel:nth-child(3) {  /* Nom */
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 4;
    }
    .tour-liste-d-li .tour-liste-d-li-cel:last-child { /* Bouton */
        /*grid-row: 3;*/ 
        grid-column-start: 1;
        grid-column-end: 4;
        border: none;
    }  
    .tour-liste-d-li > div:nth-child(3) > span {
        min-width: calc( 10% - 5px );
    }    
   
}
@media (min-width: 992px) {
    .tour-liste-d-li .tour-liste-d-li-cel { 
        text-align: center;
        border: none;
    }      
    .tour-liste-d-li-cel {
        font-size: var(--text-m);
        line-height: 1;
        display: inline-block;
        padding: 3px 1px;
        text-align: center;
    }   
	.tour-liste-d-li .tour-liste-d-li-cel > span { /* Intitulés */
		display: none;
    }     
    .tour-liste-d-li > div:nth-child(3) > span {
        display: inline-block;
        min-width: calc( 15% - 5px );
    }   
    .tour-liste-d-li .tour-liste-d-li-cel:nth-child(3) {  /* Nom */
        grid-row: 2;
        grid-column-start: 1;
        grid-column-end: 8;
        text-align: left;
    }
    .tour-liste-d-li .tour-liste-d-li-cel:last-child { /* Bouton */
        grid-row: 2;
        grid-column-start:8;
        grid-column-end: 10;
    }    
    .tour-liste .tour-liste-btn-inscr {
        font-size: 0.8em;
    }    
   
}
@media (min-width: 1280px) {
    .tour-liste-d-li .tour-liste-d-li-cel:nth-child(3), .tour-liste-d-li .tour-liste-d-li-cel:last-child {
        grid-column: auto;
        grid-row: auto;
    }
    .tour-liste-d-li > div:nth-child(3) > span {
        display: none;
    }     
}

/* Header */
.tour-liste-header { 
    position: relative;
    z-index: 10;
    display: none;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    /* top: calc(var(--notice-h) + var(--header-h)) ; */ /* notice en haut */
    top: var(--header-h);
}
.tour-liste-header:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-box-shadow: 0px 3px 80px -4px #000000, 0px 3px 20px -2px #000000; 
    box-shadow: 0px 3px 80px -4px #000000, 0px 3px 20px -2px #000000;  
    transition: all 0.25s;
} 
.tour-liste-header.tour-h-sticky {
}
.tour-liste-header.tour-h-sticky:after {
    opacity: 1;
}
.tour-liste-header-d {
    display: grid;
    align-items: center;
    width: 100%;
    min-height: 60px;
}
.tour-liste-header-cel {
    font-size: var(--text-m);
    letter-spacing: -1px;
    line-height: 1;
    display: inline-block;
    padding: 3px 1px;
    font-weight: 700;
    text-align: center;
} 
@media (min-width: 768px) { 
}
@media (min-width: 992px) {
    .tour-liste-header { 
        display: flex;
        flex-direction: row;
        margin-bottom: 8px;
        color: var(--bricks-color-pwqjoe);
    }    
    .tour-liste-header-g { display: none; } /* colonne date */    
    .tour-liste-header-g  { 
        display: flex;
        align-items: center;
        justify-content: center;
        width: 116px;
        line-height: 1;
        min-height: 50px;
    }   
    .tour-liste-header-d {
        grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 3fr 3fr 1fr;
        gap: 5px;
        align-items: center;
        padding: 8px 20px;
    }
    .tour-liste-header-d .tour-liste-header-cel:first-child { 
        margin-left: 6px;
    }    
    .tour-liste-header-cel:nth-child(3), .tour-liste-header-cel:last-child {
        display: none;
    }
}
@media (min-width: 1280px) {
    .tour-liste-header-d {
        grid-template-columns: 53px 40px 2fr 100px 70px 60px 60px 160px 145px 80px 125px 80px;
    }   
    .tour-liste-header-cel:nth-child(3), .tour-liste-header-cel:nth-child(10), .tour-liste-header-cel:last-child {
        display: flex;
    }    
}


/*#################### /LISTE tourOIS ####################*/


/*#################### PAGES ####################*/

/* Contenu Galerie Scroll Vertical */ 

.container-galerie-v {
    display: grid;
    grid-template-columns: var(--grid-3-1);
}
.page-galerie-scroll-v {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}
.page-galerie-scroll-v img {
    border-radius: var(--space-s);
}
@media (min-width: 768px) {
    .container-galerie-v {
        grid-template-columns: var(--grid-2-1);
    }
    .page-galerie-scroll-v img {
        border-radius: var(--space-m);
    }    
}
@media (min-width: 992px) {
    .container-galerie-v {
        grid-template-columns: var(--grid-2);
    }
    .page-galerie-scroll-v {
        display: grid !important;
        gap: var(--gutter) !important;
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;    
    }
}


/* Espaces */
.espace-grille {
    display: grid;
    grid-template-columns: var(--grid-1);
    grid-gap: var(--space-l);
    align-items: stretch;
}
.espace-grille__droite {
    display: grid;
    grid-template-columns: var(--grid-1);
    grid-column-gap: var(--space-xs);
    grid-row-gap: var(--space-s);
    align-content: start;
}
@media (min-width: 576px) {
   .espace-grille__droite {
       grid-template-columns: var(--grid-2); 
    }
}
@media (min-width: 768px) {
    .espace-grille {
        grid-template-columns: var(--grid-2);
    }    
   .espace-grille__droite {
       grid-template-columns: var(--grid-1); 
    }
}
@media (min-width: 992px) {
    .espace-grille {
        grid-template-columns: var(--grid-3-2);
    }    
}

/*#################### /PAGES ####################*/


/*#################### FORMULAIRES ####################*/

/*#################### /FORMULAIRES ####################*/


/*#################### HEADER ####################*/

/*#################### /HEADER ####################*/


/*#################### FOOTER ####################*/

/* Top notice -18ans */

.top-notice {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    right: 0;
    letter-spacing: -1px;
}
.top-notice > div {
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: #000; 
    color: #fff; 
    height: 30px;
    justify-content: center;    
}
.top-notice > div:last-child { 
    background: #ffdd00; 
    color: #000; 
    height: 70px; 
    justify-content: space-between;
}
.top-notice p { 
    font-family: 'Roboto', sans-serif; 
    font-weight: 700; 
    min-height: 0vw;
    line-height: 1.1; 
    margin: 0;
    font-size: 0.8125rem;
}
/* 13px(0.8125rem) > 22px(1.375rem) screen size 320px(20rem) > 1440px(90rem)*/
@media (min-width: 20em) {
  .top-notice p {
    font-size: calc(0.8125rem + ((1vw - 0.2rem) * 0.8036));
    min-height: 0vw;
  }
}
@media (min-width: 90em) {
  .top-notice p {
    font-size: 2.25rem;
  }
}
/* 12px(0.75) > 21px(1.3125rem) screen size 320px(20rem) > 1440px(90rem)*/
@media (min-width: 20em) {
  .top-notice p span {
    font-size: calc(0.75rem + ((1vw - 0.2rem) * 0.8036));
    min-height: 0vw;
  }
}
@media (min-width: 90em) {
  .top-notice p span  {
    font-size: 2.1rem;
  }
}

.top-notice > div:first-child p {
    font-size: calc(0.75rem + ((1vw - 3.2px) * 0.625));
    min-height: 0vw;
    margin: 0 10px 0 5px;
}
.top-notice .btn-sm {
    padding: .2rem .4rem;
    font-size: 12px;
    line-height: 1.2;
    border-radius: .2rem;
    background-color: #666;
    color: #fff;
}
.top-notice .row:first-child p { font-size: 18px; }

@media screen and (max-width: 920px) {
    .top-notice > div:last-child { height: 86px; } 
    .top-notice p { line-height: 1; }
}
@media screen and (max-width: 767px) {
    .top-notice > div { height: 40px; }
    .top-notice > div:last-child { height: 70px; }
    .top-notice div:last-child img { width: 85px; }
}
@media screen and (max-width: 460px) {
}
@media screen and (max-width: 380px) {
    .top-notice > div { height: 70px; } 
    .top-notice div:last-child img { width: 75px; }
    .top-notice > div { padding: 0 5px; }
}
.bottom-notice p { margin: 6px 0; }
/* /Top notice -18ans */

/*#################### /FOOTER ####################*/


/* Cookie tarteaucitron */
#tarteaucitronRoot .tgc-bandeau-title {
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
.tarteaucitronIconBottomLeft {
  bottom: 130px;
  left: 0;
}
#tarteaucitronIcon {
     mix-blend-mode: exclusion;
}
#tarteaucitronIcon button img {
    content: none !important;
    display: none !important;
}
#tarteaucitronIcon button {
    background-image: url('https://www.casinograndcercle.com/wp-content/uploads/2025/05/icone-cookie-4.svg'); /* ou png */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: none;
}
@media screen and (max-width: 1150px) {
    #tarteaucitronIcon {
        display: none !important;
    }    
}