@font-face {
	font-family:'Style1';
	src:url(../font/Esphimere Bold.otf) format("truetype");
}
@font-face {
	font-family:'Style2';
	src:url(../font/Esphimere Light.otf) format("truetype");
}
@font-face {
	font-family:'Style3';
	src:url(../font/Esphimere Thin.otf) format("truetype");
}
@font-face {
	font-family:'Style4';
	src:url(../font/Esphimere.otf) format("truetype");
}
@font-face {
	font-family:'Style5';
	src:url(../font/Esphimere Semi Bold.otf) format("truetype");
}

body {
    max-width:57.5rem;
    text-align:center;
    margin:auto;
   }

   .ino_entete {
       height: 100px;
       display:grid;
       grid-template-columns:repeat(12,1fr);
       grid-template-rows: repeat(1,minmax(auto, auto));
       border-bottom: 15px solid #de001a;
       margin-top: 10px;
   }
   .fit_logo {
       grid-column:1 /span 4;
       grid-row:1;
   
   }
   .fit_panier {
       grid-column:7 / span 2;
       grid-row:1;
   }
   .fit_connexion {
       grid-column:9/ span 2;
       grid-row:1;
   }
   .fit_inscription {
       grid-column:11/ span 2;
       grid-row:1;
   }
   
   .fit_logo {
       background-image: url(../img/logo-fitarena.png);
       background-repeat: no-repeat;
       background-size: 100%;
       width: 13rem;
   }

.centres {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    /*grid-template-rows: repeat(6, 1fr);*/
    grid-column-gap: 4px;
    grid-row-gap: 0px;
    }
    
    .div1 { grid-area: 1 / 1 / 2 / 2; }
    .div2 { grid-area: 1 / 2 / 2 / 3; }
    .div3 { grid-area: 2 / 1 / 3 / 2; }
    .div4 { grid-area: 2 / 2 / 3 / 3; }
    /*.div5 { grid-area: 3 / 1 / 4 / 2; }*/
    /*.div6 { grid-area: 3 / 2 / 4 / 3; }*/
    /*.div7 { grid-area: 4 / 1 / 5 / 2; }*/
    /*.div8 { grid-area: 4 / 2 / 5 / 3; }*/
    /*.div9 { grid-area: 5 / 1 / 6 / 2; }*/
    /*div10 { grid-area: 5 / 2 / 6 / 3; }*/

.centre_titre {
    height: 30px;
    border-bottom: 5px solid #de001a;
    margin-top: 20px;
    color: #de001a;
    font-family: 'Style4';
}

.centre {
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border: 1px solid #c2c2c2;
    margin: 5px;
    text-align: center;
}

.titre_du_centre{
    /*font-family: 'Style1'; */
    font-size: 1rem;
    display: contents;
}

.centre_img {
    width: 100%;
    height: 245px;
}
.img_chateauroux {
    background-image: url(../img/photo-accueil-chateauroux-2-6717c1fa2c489094462762.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.img_meudon {
    background-image: url(../img/accueil-meudon-668e924876aa5171662674.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.img_istre {
    background-image: url(../img/photo-accueil-entressen-668bdbf632f12411659743.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.img_mornant {
    background-image: url(../img/pxl-20241217-143239918-3-6761958116c21864418443.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.centre_btn {height: 80px;}

.btn_link {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 10px 10px 10px 10px;
    border: 1px solid #e6e6e6;
    margin: 15px;
    /* background: linear-gradient(to bottom, #f7f7f7 5%, #ffffff 100%); */
    border-radius:28px;
    border:1px solid #c9c9c9;
    display:inline-block;
    cursor:pointer;
    color: #000000;
    padding:16px 31px;
    text-decoration:none;
    font-family: 'Style4';
}