/*
  Ch'tite Rencontre - Styles globaux
  Objectif : centraliser les couleurs + layout (header/main/footer) pour éviter les footers "au milieu".
*/

:root {
  --chtit-red: #C1440E;
  --chtit-yellow: #F4A900;
  --chtit-cream: #FFF8E7;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

main {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0;
  margin-top: auto;
}

/* Optionnel : éviter que les images "cassent" le layout */
img {
  max-width: 100%;
  height: auto;
}



#footer {
    margin-top: 1rem;
    background: #5b5b5b;
    padding: 10px;
    border-radius: 10px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    margin-bottom: 1rem;
}
#site-footer{
	background: none;
}



#titre-page {

	background : white;
	padding: 15px;
    border-radius: 10px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    margin-bottom: 1rem;
}

#logo {
	max-width: 300px;
	vertical-align: middle;
  display: block;
  margin: 0 auto;
}