/* ici vos styles statiques */
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');

@font-face {
  font-family: 'LemonBrush';
  font-style: normal;
  font-weight: 400;
  src: local('Lemon Brush'),
    url(webfonts/LemonBrush.otf) format('opentype');
}

body {
	margin:0px 0;
	min-height:100vh;
	display:flex;
	flex-direction: column;
}

main {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 1;
}

/* --- Header --- */
#subscribeform
{
	margin-top: 5vh;
	max-width: 30vw;
}

#headernav
{
	background-color: LightCoral;
}

#home, #presentationnavbutton, #personnellesnavbutton, #produitsnavbutton, #eventsnavbutton, #dropdownheader, #dropdownprofile
{
	font-size: 2rem;
}

#acctokenactivationalert
{
	width:25vw;
	margin-top:2vh;
}

#submitloginbutton
{
	color: lightgreen;
}

#logoheader
{
	position: absolute;
	top: 1.1vh;
	left: -0.2vw;
	z-index: 12;
}

#topheader a{
	color: lightgreen;
}

#topheader a:hover{
	color: green;
}

.dropdown-menu .dropdown-item:active {
	background-color: #d9534f;
}
/* ------------- */

#twitter
{
	margin-left: 1vw;
}

#partisansdugoutfooter, #partisansdugout
{
	margin-left: 1vw;
}

#auchanfooter, #auchan
{
	margin-left: 1vw;
}

#saveurenor
{
	margin-left: 1vw;
}


#facebooklogo:hover, #twitterlogo:hover, #partisansdugout:hover, #otera:hover, #saveurenor:hover, #partisansdugoutfooter:hover, #oterafooter:hover, #oteraillies:hover, #oteraaulnoy:hover, #oteradusart:hover, #oterasaintandre:hover {
	cursor: pointer;
}

#partnerfooter{
	margin-left: 1vw;
}

/*
#PresentationcarouselIndicators {
    margin:auto;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

*/
#carouselExampleIndicators {
    margin:auto;
    margin-top: 2vh;
    margin-bottom: 2vh;
}


/* ------------ */

/* -- Footer -- */

#planningdiv
{
	display: flex;
	padding-left: 5vw;
	max-width: 100vw;
	font-size: 2vh;
	flex-direction: row;
	justify-content: space-between;
	font-size: 1em;
}

#adrdiv
{
	margin-left: 5vw;
	max-width: 30vw;
	font-size: 1em;
}

#cochonimg
{
	z-index: 1;
	max-width: 30vw;
	max-height: auto;
}

#copyrightfooter
{
	color: lightgreen;
	font-family: 'Lobster', cursive;
}

#oteralogo
{
	max-height: 5vh;
}

#partisansdugoutlogo
{
	max-height: 5vh;
}

#auchanlogo
{
	max-height: 5vh;
}

#facebooklogo
{
	max-height: 5vh;
}

#twitterlogo
{
	max-height: 5vh;
}

#cochondiv
{
	max-height: 100%;
	min-height: 100%;
	width: auto;
}

#cochoninsidediv
{
	width: 100%;
	height: 100%
}

#planouvdiv
{
	width: 40vw;
	display: flex;
	margin-right: 2vw;
	flex-direction: column;
}

#communityfootergen
{
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	padding-left: 5vw;
	font-size: 1em;
}

#adrdivgen
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.h3oneem
{
	font-size: 1.2em;
	font-family: 'Lobster', cursive;
}


#footerdivgen
{
	position: relative;
	z-index: 0;
	top: -60vh;
	height: 130vh;
	margin-bottom: -60vh;
}
#stickyfooter
{
	position: sticky;
	z-index: 0;
	top: 40%;
}

@media (min-width: 1281px) and (max-width: 1440px) {
#footerdivgen
{
	position: relative;
	z-index: 0;
	top: -60vh;
	height: 140vh;
	margin-bottom: -60vh;
}
#stickyfooter
{
	position: sticky;
	z-index: 0;
	top: 40%;
}
}

@media (min-width: 1025px) and (max-width: 1280px) {
  
#footerdivgen
{
	position: relative;
	z-index: 0;
	top: -60vh;
	height: 150vh;
	margin-bottom: -60vh;
}
#stickyfooter
{
	position: sticky;
	z-index: 0;
	top: 40%;
}
  
}

@media (min-width: 768px) and (max-width: 1024px) {
#footerdivgen
{
	position: relative;
	z-index: 0;
	top: -60vh !important;
	height: 98vh !important;
	margin-bottom: -60vh;
}
#stickyfooter
{
	position: sticky;
	z-index: 0;
	top: 60%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	#footerdivgen
{
	position: relative;
	z-index: 0;
	top: -60vh !important;
	height: 150vh !important;
	margin-bottom: -60vh;
}
#stickyfooter
{
	position: sticky;
	z-index: 0;
	top: 60%;
}

	#rideaudiv
{
	max-width: 100vw !important;
}
}

@media (max-width: 812px) and (orientation: landscape) {
  
  #footerdivgen
{
	position: relative;
	z-index: 0;
	top: -60vh !important;
	height: 190vh !important;
	margin-bottom: -60vh !important;
}
#stickyfooter
{
	position: sticky;
	z-index: 0;
	top: 40% !important;
}

#rideaudiv
{
	max-width: 100vw !important;
}
  
}

@media screen and (max-width: 812px) {
	#footerdivgen
	{
		top: -40vh !important;
		height: 120vh;
	}
	
	#partnerborder
	{
		width: 85%;
	}
	
	#partnerdivgen
{
	width: 55% !important;

}
	
	#rideaudiv
{
	max-width: 100vw !important;
}
	
}

#infofooter
{
	overflow: hidden;
}

#rideau
{
	width: 100%;
	max-height: auto;
}

#rideaudiv
{
	max-width: 99.1vw;
}

#infofooter > :first-child {
  display: inline-block;                /* modèle de boîte en ligne */
  padding-right: 2em;                   /* un peu d'espace pour la transition */
  padding-left: 100%;                   /* placement à droite du conteneur */
  white-space: nowrap;                  /* pas de passage à la ligne */
  animation: defilement-rtl 15s infinite linear;
  font-size: 1.5em;
  font-family: 'Lobster', cursive;
}

@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}
/* ---------- */