@charset "UTF-8";
/*!
Theme Name: MSSPI Version 2.0
Theme URI: http://eschenlauer.fr/
Author: 
Author URI: http://eschenlauer.fr/
Description: MAsion Sport SAnté du Nord Isère
Version: 1.0.0
Tested up to: 6
Requires PHP: 8
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: MSSPI
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 62.5%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --background-color1-site:#0075b1;
  --background-color2-siteRGB: rgb(0, 117, 177);
  --background-color-button: #ef7d2d;
  --background-color-article: white;
  --text-title-color: white;
  --text-article-color: black;
}

body {
  /* overflow-x: hidden; */
}

body * {
  font-family: "Roboto", sans-serif;
}

h1 {
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  color: white;
}

h2 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 30px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.flexcolumn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flexrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexstretch {
  align-items: stretch;
}

.justifycontentflexstart {
  justify-content: flex-start;
}

.pzr {
  line-height: 32px;
  margin-top: 9px;
  font-size: 28px;
  text-align: center;
}

.w90p {
  width: 90%;
}

.marginright15px {
  margin-right: 15px;
}

.marginleft10px {
  margin-left: 10px;
}

.marginleft15px {
  margin-left: 15px;
}

.marginleft30px {
  margin-left: 30px;
}

.marginbottom15px {
  margin-bottom: 15px;
}

.marginbottom30px {
  margin-bottom: 30px;
}

.margintop30px {
  margin-top: 30px;
}
.margintop10px {
  margin-top: 10px;
}

.marginauto {
  margin-left: auto;
  margin-right: auto;
}

.btnzr {
  text-decoration: none;
  padding: 10px;
  font-family: arial;
  font-size: 1em;
  color: #FFFFFF;
  background-color: #ef7d2d;
  box-shadow: 3px 3px 8px #444444;
  -webkit-box-shadow: 3px 3px 8px #444444;
  -moz-box-shadow: 3px 3px 8px #444444;
}

.btnzr:hover {
  padding: 10px;
  box-shadow: 1px 1px 4px #777777;
  -webkit-box-shadow: 1px 1px 4px #777777;
  -moz-box-shadow: 1px 1px 4px #777777;
}

.w90p {
  width: 90%;
}

.wmaxcontent {
  width: -moz-max-content;
  width: max-content;
}

.inline {
  display: inline;
}

.textcolorwhite {
  color: white;
}

.space-evenly {
  justify-content: space-evenly;
}

.font1rem {
  font-size: 1rem;
}

.font2rem {
  font-size: 2rem;
}

.font3rem {
  font-size: 3rem;
}

.textindent30px {
  text-indent: 30px;
}

.displayflex {
  display: flex;
}

.flexcenter {
  justify-content: center;
}

.positionrelative {
  position: relative;
}

.shadowblue {
  box-shadow: 3px 0px 15px -3px #0174b1;
}

.site-header {
  margin: auto;
  background: rgb(38, 62, 74);
  background: linear-gradient(99deg, #263e4a 0%, #0075b1 100%);
  min-height: 120px;
  border-bottom: 1px solid #686869;
}



.sidebartop
{
  background-color: rgba(255,255,255,0.6);
  margin-top: 20px;
  padding: 10px 0;
}

div.header_container {
  width: 90%;
  justify-content: center;
  padding-top: 20px;
  margin: auto;
}

div.header_container h1 {
  margin-left: 10px;
}

.header_container img.logo {
  max-width: 300px;
  max-height: 90px;
}

div.breadcrumbs {
  font-size: 0.8rem;
  margin: 10px 0 10px 10px;
}

div.breadcrumbs * {
  color: darkgray;
}

.flex-caption-wrapper {
  position: relative;
}

.flex-caption {
  background: url(images/caption-bg.png) repeat-x;
  padding: 0 12px;
  margin: 0;
  position: absolute;
  right: 6.8%;
  bottom: 40px;
  font-size: 20px;
  color: rgb(86, 86, 86);
  line-height: 25px;
  font-weight: bold;
  width: 250px;
  max-height: 435px;
  padding-bottom: 35px;
  box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.flex-caption a.slider-readmore {
  background: url(images/slider-readmore.png) no-repeat;
  width: 123px;
  height: 32px;
  display: inline-block;
  position: absolute;
  left: -9px;
  bottom: 0%;
  font-weight: normal;
  text-align: right;
  text-decoration: none;
  color: white;
  font-size: 15px;
}

.flex-caption a.slider-readmore span {
  background: url(images/slider-tip.png) left center no-repeat;
  margin-right: 10px;
  padding-left: 11px;
}

div.page_info {
  width: 85%;
  margin: 30px auto;
  text-align: justify;
  font-size: 1rem;
}

div.nosmissions {
  width: 95%;
  margin: 30px auto;
  text-align: justify;
  font-size: 1rem;
}

div.page_info div {
  text-align: justify;
}

div.nosmissions h2,
div.page_info div h2 {
  margin-top: 10px;
  font-size: 2.3rem;
}

div.nosmissions h3,
div.page_info div h3 
{
  
  font-size: 1.9rem;
}
div.page_info div p {
  font-size: 1.6rem;
  padding: 10px;
  line-height: 30px;
  text-align: justify;
}

.firstpage {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.firstpage a.articlefirstpage {
  width: 20%;
  outline: 1px solid #ea782c;
  text-align: justify;
  text-decoration: none;
  text-align: center;
  color: black;
  background-color: var(--background-color-button);
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
  display: flex;
  flex-direction: row;
  align-content: space-around;
  flex-wrap: wrap;
  justify-content: center;
  outline: 1px solid darkgray;
  position: relative;
}

.firstpage a.articlefirstpage img {
  width: 250px;
  max-width: 100%;
  max-height: 165px;
}

.firstpage a.articlefirstpage h2 {
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 0px 5px;
  font-size: 1.6rem;
}

.firstpage a.articlefirstpage p {
  padding: 0px 5px;
}

.firstpage a:hover {
  transform: scale(1.05);
  outline: 0;
  box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  z-index: 1;
}

.zoom {
  transform: scale(0);
  transition: 0.8s ease-in-out;
}

.zoomactive {
  transform: scale(1);
}

#nosmissions {
  padding: 10px 50px;
}

#nosmissions ul {
  font-size: 1.6rem;
}

.textindent0px {
  text-indent: 0px;
}

.containerchips {
  width: 100%;
}

.containerchips div.chips
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-items: stretch;
}


.chip {
  position: relative;
  text-decoration: none;
  background-image: linear-gradient(120deg, #ea782c 0%, #e0bea4 50%);

}

.chip div.img {
  height: 210px;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 10px;
}

.chip div.chiptitle {
  text-decoration: none;
  color: black;
  text-align: center;
}

.chip div.chiptitle h2 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size:1.6rem;
}

.chip:hover {
  transform: scale(1.1);
  z-index: 10;
  box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.backgroundlogomss {
  background-image: url("./images/LOGO-frontpage-2.png");
  background-size: auto;
  background-repeat: no-repeat;
  height: 222px;
  width: 284px;
  position: relative;
}

div.backgroundlogomss div {
  position: relative;
  left: 126px;
  top: 0px;
}

.button_tpadding {
  padding: 0.75rem 1.25rem;
}

.noborderradius {
  border-radius: 0 !important;
}

.button_frontpage {
  width: -moz-max-content;
  width: max-content;
}

.button_frontpage p {
  top: 100px;
  left: 156px;
}

.button_t {
  cursor: pointer;
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  border-radius: 10rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8rem!important;
  letter-spacing: 0.15rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.button_t:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ef7d2d;
  z-index: -2;
}
.button_t:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #c1580f;
  transition: all 0.3s;
  z-index: -1;
}
.button_t:hover {
  color: #fff;
}
.button_t:hover:before {
  width: 100%;
}

.button_t a.wp-block-button__link {
  background-color: rgba(255, 255, 255, 0);
}

.light {
  position: relative;
}

.light::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: infinite circle 0.75s;
}

.light1 ::before {
  animation: infinite circle 0.75s;
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
#frontpage .button_t {
  box-shadow: 3px 0px 15px -3px #0174b1;
}

.backgroundfrontpage {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1096%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(0%2c 117%2c 177%2c 1)'%3e%3c/rect%3e%3cpath d='M557.2511673495264 154.15955175874421L600.5800638764043 190.5168128537659 633.451507255498 107.34483751593831z' fill='rgba(241%2c 126%2c 46%2c 0.8)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M171.00499698031612 104.55647639012321L209.79708347408703 149.18166714274207 257.33882635612986 68.68094202577628z' fill='rgba(241%2c 126%2c 46%2c 0.8)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M285.19%2c666.089C323.789%2c667.346%2c360.825%2c646.244%2c378.825%2c612.076C395.807%2c579.84%2c387.263%2c541.066%2c367.011%2c510.777C349.034%2c483.89%2c317.517%2c473.057%2c285.19%2c472.036C250.493%2c470.94%2c212.252%2c475.843%2c193.898%2c505.308C174.765%2c536.022%2c183.685%2c574.837%2c201.552%2c606.304C219.688%2c638.244%2c248.479%2c664.894%2c285.19%2c666.089' fill='rgba(241%2c 126%2c 46%2c 0.8)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M193.13012614223425 463.9964217477287L180.0174338619256 357.2021132134671 73.22312532766405 370.31480549377574 86.33581760797269 477.1091140280373z' fill='rgba(241%2c 126%2c 46%2c 0.8)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1008.841%2c469.367C1066.971%2c469.97%2c1104.557%2c412.573%2c1129.285%2c359.961C1149.994%2c315.899%2c1148.286%2c266.131%2c1124.269%2c223.781C1099.893%2c180.797%2c1058.242%2c148.75%2c1008.841%2c147.574C957.479%2c146.352%2c908.368%2c173.099%2c883.489%2c218.05C859.31%2c261.735%2c870.364%2c312.826%2c892.65%2c357.506C918.369%2c409.07%2c951.222%2c468.769%2c1008.841%2c469.367' fill='rgba(241%2c 126%2c 46%2c 0.8)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M586.4521914106059 473.2653837523055L666.7273253135046 387.1808419617954 580.6427835229945 306.9057080588967 500.3676496200958 392.99024984940684z' fill='rgba(241%2c 126%2c 46%2c 0.8)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1096'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
  border-bottom-right-radius: 116%;
  border-top-right-radius: 10%;
}

.backgroundcolorwhite {
  background-color: rgba(255, 255, 255, 0.5);
}

.page main {
  width: 95%;
  margin: 30px auto;
  font-size: 1.2rem;
  background-color: white;
}

.page main h1 {
  color: black;
}

.page main {
  width: 95%;
  margin: 30px auto;
  font-size: 1.2rem;
  background-color: white;
}

.container_msspi > div {
  margin-top: 10px;
}

.container_msspi h1 {
  color: black;
  font-size: 4rem;
  margin-top: 20px;
  padding-top: 20px;
  font-weight: bold;
}

.container_msspi h2 {
  padding: 10px;
  color: black;
  width: -moz-max-content;
  width: max-content;
  margin-top: 20px;
  border: 8px solid #ef7d2d;
  border-radius: 28px;
  font-weight: bold;
}

.container_msspi .h2-2rem {
  padding: 10px;
  color: black;
  width: -moz-max-content;
  width: max-content;
  font-size: 3rem;
  margin-top: 20px;
  border: 8px solid #ef7d2d;
  border-radius: 28px;
  font-weight: bold;
}

.container_msspi p {
  font-size: 2rem;
}

.container_msspi .rappel {
  border: 3px solid red;
  border-radius: 30px;
  display: inline-block;
  padding: 10px 30px;
}

.titlepage {
  border-radius: 50%;
  padding: 10px;
}

#page {
  min-height: 100%;
  position: relative;
  margin-bottom: 30px;
}

.toto div.am-calendar-picker
{
	display:none
}

.site-footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: rgb(38, 62, 74);
  background: linear-gradient(99deg, #263e4a 0%, #0075b1 100%);
  min-height: 30px;
  border-bottom: 1px solid #686869;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  z-index: 10;
}

.site-footer p {
  text-align: center;
  margin: 5px 0px;
  text-align: center;
  font-size: 15px;
}

.site-footer span {
  margin: 0;
  text-align: center;
  font-size: 10px;
}

.site-footer a {
  text-decoration: none;
  color: white;
  margin-right: 10px;
}/*# sourceMappingURL=style.css.map */