html { 
	width:100%;
	min-height:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size:2.25vmin;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
}

html.blockScroll{
	overflow-y: hidden;
}

h2{
	margin-block-start: 1rem;
	margin-block-end: 0;
}

h1, h4{
	font-size:2rem;
	padding:0; margin:1rem 0;
}

p {
	margin-block-start: 0.5rem;
	margin-block-end: 0.5rem;
	white-space: pre-wrap;
}

input{
	font-family: 'Manjari', sans-serif;
	font-size: 2.25vmin;
}

.manjari {
	font-family: 'Manjari', sans-serif;
}

.solway {
	font-family: 'Solway', sans-serif;
}

.wrap_white_space{
	white-space: pre-wrap
}

.img, .img2 {
	position: absolute;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.img2 {
	position: relative;
}

body {
	position: relative;
	margin: unset;
}

body.site_home{ height: 100%; }
body.site_contact { overflow: hidden;    height: 100%; }

#content {
	position: relative;
	padding-top: 15vmin;
	background-size: 100% 70%;
    background-repeat: no-repeat;
    background-position: center;
}

header{
	/* height: 15vh; too much height in mobile portrait */
	position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    z-index: 1000;
}

.title {
	font-size: 4rem;
	font-weight: bold;
}

.flexColumn{
	display: flex;
	flex-direction: column;
}
.flexRow{
	display: flex;
	flex-direction: row;
}

.btn{
	border: none;
	outline: none;
	background-color: transparent;
	cursor: pointer;
	text-decoration:none; 
}

  .btnClose{
	background-image: url(../img/btn_close_idle.png);
	width: 8vmin;
    height: 8vmin;
  }
  .btnClose:hover{ background-image: url(../img/btn_close_over.png); }
  .btnClose:active{ background-image: url(../img/btn_close_down.png); }

.btnEnvoyer, .btnSoumettre{
	background-image: url('../img/btn_envoyer_idle.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 5vmin;
	width: 20vmin;
	font-weight: 600;
}

.btnEnvoyer:hover, .btnSoumettre:hover{ background-image: url('../img/btn_envoyer_over.png'); }
.btnSoumettre:disabled{ background-image: url('../img/btn_envoyer_idle.png'); }
.btnEnvoyer:active, .btnSoumettre:active{ background-image: url('../img/btn_envoyer_down.png'); }

.btnPlay{
	background-image: url(../img/btn_play_vert_idle.png);
	height: 10vmin;
	width: 10vmin;
}
.btnPlay:hover{ background-image: url(../img/btn_play_site_over.png); }
.btnPlay:active{ background-image: url(../img/btn_play_site_down.png); }

.btnInscription{
	background-image: url(../img/btn_inscrisToi_idle.png);
	height: 6vmin;
	width: 20vmin;
	color: black;
	font-weight: 600;
}

.btnInscription:hover{ background-image: url(../img/btn_inscrisToi_over.png); }
.btnInscription:active{ background-image: url(../img/btn_inscrisToi_down.png); }

.popup{
	position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #000000b3;
    top: 0;
    left: 0;
	z-index: 1002;
  }

  .popup .bgPopup{
	margin: auto;
	background-image: url(../img/popUp_jouer_base.png);
	width: 100vmin;
    height: 47vmin;
  }

  .popup .bgPopup .flexColumn{
	width: 80%;
    margin: auto;
	align-items: center;
	position: relative;
  }

  .popup .bgBigPopup{
	margin: auto;
    background-image: url(../img/bg_nameregion.png);
    width: 87vmin;
    height: 90vmin;
  }

  .popup .bgBigPopup > .flexColumn{
	width: 90%;
	height: 90%;
    margin: auto;
	align-items: center;
	position: relative;
  }

  .popup .title_kasscrout{
	width: 44vmin;
    height: 12vmin;
    z-index: 2;
    top: -9vmin;
    left: 27vmin;
}

.popup .bgPopup .btnClose{
	top: -3vmin;
    right: 2vmin;
}

.smallMarginTop{ margin-top: 2vmin; }

.imgSquareCheckBox{
	background-image: url(../img/checkBox_enregistrerMP_empty.png);
	height: 30px;
	min-width: 26px;
	margin: auto;
}
.imgSquareCheckBox.checked{ background-image: url(../img/checkBox_enregistrerMP_select.png); }

/* .imgCercleCheckBox{
	background-image: url(../img/check_empty.png);
	width: 3vmin;
    height: 2vmin;
	margin: auto;
}
.imgCercleCheckBox.checked{background-image: url(../img/check_done.png);} */

.boxCourriel{
	display: flex;
	background-image: url(../img/box_courriel.png);
	height: 6vmin;
	width: 30vmin;
}

.boxCourriel input{
	margin: auto;
	width: 95%;
	height: 51%;
	text-align: center;
	border: none;
	outline: none;
}

.boiteErreur{
	background-image: url(../img/messageErreur_boite.png);
  }

  .boiteErreur .text_erreur{width:30vmin}

  .iconeDanger{
	background-image: url(../img/icone_danger.png);
  }

  .title_kasscrout{
	background-image: url('../img/titre_kasscrout.png');
}


/************************************/
/************** MENU ***************/
/***********************************/
#menu {
	position: absolute;
	margin-top: 0px;
	display: flex;
	align-items: center;
	
	text-align: center;
	font-size: 1.5rem;	
	font-weight: bold;

	top: 0;
	padding-top: 1vmin;
	right: 0;
	background-color: white;
	height: 10vmin;
	width: 100%;
	z-index: 1000;
	list-style-type: unset;
	margin-block-start: unset;
	margin-block-end: unset;
	margin-inline-start: unset;
	margin-inline-end: unset;
	padding-inline-start: unset;
}

#menu li {
	height: 100%;
	list-style-type: none;
}

#menu li:nth-child(2) {
	flex-grow: 1;
}

.menuItem {
	/*height: 100%;*/
	margin-left: 1vmin;
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
}

#menu div {
	font-size: 1.1rem;
	color: black;
	line-height: 3.3rem;
}

#menu a { text-decoration:none; }
#menu div.selected { color: white; font-weight:800 ; }
#menu div.selected:hover { color:black; }

#menu #accueil {
	width: 36vmin;
	/* height: 10vmin;*/
	z-index: 1001;
	font-size: 1.5rem;
	line-height: 3.5rem;
	color:black;
	font-weight: bold;
	margin-left: 0;
}
#menu #accueil { background-image: url('../img/btn_accueil_idle.png'); text-align: center; background-position: left;
	background-size:100% 100%;
}
#menu #accueil.selected { background-image: url('../img/btn_accueil_select.png'); color: white; font-weight:800 ;}
#menu #accueil:hover { background-image: url('../img/btn_accueil_over.png'); color:black;}
#menu #accueil:active { background-image: url('../img/btn_accueil_down.png'); }

#menu #menuConcours {
	position: relative;
	width: 18.3vmin;
	background-image: url('../img/btn_concours_idle.png');
}
#menu #menuConcours.selected { background-image: url('../img/btn_concours_select.png'); }
#menu #menuConcours:hover { background-image: url('../img/btn_concours_over.png'); }
#menu #menuConcours:active { background-image: url('../img/btn_concours_down.png');}

#menu #menuConcours .tropheeConcours{
    background-image: url(../img/trophee_concours_idle.png);
	width: 7vmin;
    height: 6.5vmin;
    top: 0.5vmin;
    left: -4.2vmin;
}
#menu #menuConcours.selected .tropheeConcours { background-image: url('../img/trophee_concours_select.png'); }
#menu #menuConcours:hover .tropheeConcours { background-image: url('../img/trophee_concours_over.png'); }
#menu #menuConcours:active .tropheeConcours { background-image: url('../img/trophee_concours_down.png');}

#menu #menuParents {
	width: 18.3vmin;
	background-image: url('../img/btn_parents_idle.png');
}
#menu #menuParents.selected { background-image: url('../img/btn_parents_select.png'); }
#menu #menuParents:hover { background-image: url('../img/btn_parents_over.png'); }
#menu #menuParents:active { background-image: url('../img/btn_parents_down.png'); }

#menu #menuPartenaires {
	width: 21.4vmin;
	background-image: url('../img/btn_partenaires_idle.png');
}
#menu #menuPartenaires.selected { background-image: url('../img/btn_partenaires_select.png'); }
#menu #menuPartenaires:hover { background-image: url('../img/btn_partenaires_over.png'); }
#menu #menuPartenaires:active { background-image: url('../img/btn_partenaires_down.png'); }

#menu #menuContact {
	width: 17.3vmin;
	background-image: url('../img/btn_contact_idle.png');
}
#menu #menuContact.selected { background-image: url('../img/btn_contact_select.png'); }
#menu #menuContact:hover { background-image: url('../img/btn_contact_over.png'); }
#menu #menuContact:active { background-image: url('../img/btn_contact_down.png'); }



/************************************/
/********* ACCUEIL - HOME ***********/
/***********************************/
.site_home #content{
	height: auto;
	padding-top: 15vmin;
	background-size: 100% 85%;
	background-position:50% 90%;
	background-image: url('../img/bg_accueilwithconcours.png');
}

.site_contact #content{
    padding-top: 0vmin;
}

.site_home #content .homepage{
	position: relative;
	width: 100%;
	height: auto;
}

.site_home .titleContainer {
	display: flex;
	position: relative;
	height: 20vmin;
    width: 87vmin;
	top:-5%;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.site_home .titleContainer .title {
	width: 40vw;
	height: 10vw;
}

.site_home .titleContainer .site_titleImage img{
	width:39vmin;
}

.site_titleImage, .site_home .titleContainer .title{
	position: relative; z-index: 2;
}

.site_home .homeBotSection{
	position: relative;
	display: flex;
	width: 100vw;
	max-width: 100%;
	margin-bottom: 9vmin;
}

.site_home .homeBotSection .flexRow{
    margin: 0 auto;
    justify-content: center;
	width: 100vw;
	align-items: flex-end;
}

.site_home .homeAlimentsLeft, .site_home .homeAlimentsRight, .site_home .homeAlimentsBottom{
	display: block;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.site_home .homeAlimentsLeft{
	background-image: url(../img/groupe_legume.png);
    width: 25vw;
	height: 15vw;
	top: -10%;
    left: 6%;
}
.site_home .homeAlimentsRight{
	background-image: url(../img/groupe_fruit.png);
    width: 23vw;
    height: 11vw;
	top: 3%;
    right: 3%;
}
.site_home .homeAlimentsBottom{
	position: absolute;
	background-image: url(../img/accueil_recoltes_bles.png);
    width: 18vmin;
    height: 18vmin;
	bottom: 0%;
    left: 56%;
}

.site_home .homeLeftImg {
	width: 24vw;
    height: 37vmin;
	background-image: url('../img/img_chef_concours.png');
	left: 5%;
    top: 40%;
}

.site_home .homeRightImg {
	width: 15vw;
    height: 25vmin;
	background-image: url('../img/livreur_connexion.png');
	top: 40%;
    right: 10%;
}

.site_home .homeBotSection .description {
	position: relative;
	display: flex;
	width: 40vw;
    height: auto;
    flex-direction: column;
    justify-content: left;
	align-items: flex-start;
	margin-left: 10%;
    margin-right: 10%;
}

.site_home .homeBotSection .description .txt{
	font-size: 1rem;
	white-space: pre-wrap;
	margin-bottom: 1vmin;
	width: 100%;
}

.site_home .homeBotSection .description .playBtn {
	all: unset;
	width: 60%;
	height: 100px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../img/btn_jouer_idle.png');
}

.site_home .homeBotSection .description .playBtn:hover {
	background-image: url('../img/btn_jouer_over.png');
}

.site_home .homeBotSection .description .playBtn:active {
	background-image: url('../img/btn_jouer_down.png');
}



/***********************************/
/*********** CONCOURS **************/
/***********************************/
.site_concours #content .concours{
	position: relative;
	width: 100%;
	min-height: 100vmin;
	
}

.site_concours #content .concoursTop{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
    background-size: 100% 100%;
    background-image: url(../img/bg_vert_concours.png);
}

.site_concours .concoursTop_debut{
	position: relative;
	height: 75vmin;
	padding-top: 10vmin;
}

.site_concours .concoursTop_debut .titreForm{
	display: flex;
    align-items: center;
    flex-direction: row;
    width: 100vmin;
    justify-content: space-between;
    flex-wrap: wrap;
	margin: auto;
	margin-bottom: 5vmin;
}

.site_concours .boxBtnEnvoyer{
	width: 180px;
    width: fit-content;
}

.site_concours .btnEnvoyer {
	position: relative;
	height: 5vmin;
	width: 20vmin;
	text-align: center;
	line-height: 2.3;
	margin-top: 5vmin;
}

.site_concours .btnEnvoyer .btnEnvoyer_text{
    position: absolute;
	top: 26%;
    left: 35%;
    font-weight: 800;
}

.site_concours .concoursBottom{
	position: relative;
	display: block;
	width: 100%;
}

.site_concours .bgconcoursBottom{
	background-image: url('../img/bg_concours_fond_vert_bas.png');
	background-size: 100% 16%;
	background-position: bottom;
}

.concoursBottom_fin{
	padding-bottom: 12vmin;
}

.site_concours .concoursTitleContainer,.site_concours .concoursChef{
	position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}

.site_concours .concoursTitleContainer{
	width: 40vmin;
	height: 21vmin;
	background-image: url('../img/img_concours_devienschef.png');
	margin-left: 5vmin;
}

.site_concours .concoursChef{
	width: 32vmin;
	height: 20vmin;
	background-image: url('../img/img_chefkasscrout.png');
	margin-right: 5vmin;
}

.site_concours .reglement, .concoursBottom_debut{
	position: relative;
	width: 100vmin;
	margin: 0 auto;
	padding: 0 25px 0 20px;
    box-sizing: border-box;
}

.site_concours .reglement .concours_text_petit{
	font-size: 1.8vmin;
}

.site_concours .reglement a{
	color: black;
}

.site_concours .concoursBottom_debut{
	padding: 5vmin 2.5vmin 7vmin 2vmin;
}

.site_concours .panier{
	bottom: 5%;
    left: -28%;
    width: 40vmin;
    height: 40vmin;
    background-image: url(../img/img_concours_bas_de_page.png);
}
.site_concours .etoileDroite{
	top: -15vmin;
    right: -5vmin;
    width: 11vmin;
    height: 13vmin;
	background-image: url('../img/img_concours_blocEtoileDroit.png');
}

.site_concours .etoileGaucheMilieu{
	top: 9vmin;
    left: -12vmin;
	width: 15vmin;
	height: 15vmin;
	background-image: url('../img/img_concours_reglements.png');
}

.site_concours .etoileDroiteMilieu{
	top: 9vmin;
    right: -8vmin;
	width: 15vmin;
	height: 23vmin;
	background-image: url('../img/etoileDroite.png');
}

.site_concours .bouleSaviezVous{
	position: relative;
	width: 90vmin;
    margin: 0 auto;
}

.site_concours .bouleSaviezVous img{
	width: 100%;
}

.site_concours .concoursBottom_fin p{
	position: absolute;
    height: 56%;
    width: 56%;
    bottom: 17%;
    left: 40%;
}

.site_concours sup{
	vertical-align: text-top;
}

#popupConcoursTermine{ display: none; }
#popupConcoursTermine.open{ display: flex; }

.site_concours .popup .bulle_dialogue{
	background-image: url(../img/img_MEJ_popUp_surveillez.png);
    width: 90vmin;
    height: 42vmin;
  }

  .site_concours .bulle_dialogue  p{
	width: 37vmin;
    position: absolute;
    /* height: 25vmin; */
    top: 9vmin;
    left: 39vmin;
    font-size: 0.9rem;
  }

/***********************************/
/************ PARENTS **************/
/***********************************/
#content .parents {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
}


.site_parents .abeilles {
	position: absolute;
	width: 42vmin;
    height: 23vmin;
	background-image: url('../img/img_parents_abeillesDuo.png');
	top: -3%;
    left: 66%;
}

.site_parents .parents h1 img{ width: 42vmin; }

.site_parents .parents .title{
	position: relative;
	width: 44vmin;
    height: 8vmin;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url('../img/titre_parents.png');
}

.site_parents .parentsContentContainer {
	position: relative;
	left: 13%;
	height: 100%;
	padding-bottom: 6vmin;
}

.site_parents .parentsContentContainer .parentsContent {
	position: relative;
	display: flex;
	height: 75%;
	width: 50vw;
	padding-top: 3vmin;
}

.site_parents .parentsContent .part{
	position: relative;
}

.site_parents .parentsContent .part.leftTxt{
	font-size: 1.1rem;
	font-weight: 600;
}

#siteMissionsList{
	background-repeat: no-repeat;
    background-size: 100% 100vmin;
    background-image: url(../img/bg_parents.png);
}

.site_parents .missionBox {
	width: 95vmin;
	margin: 0 auto;
	margin-bottom: 10px;
}

.site_parents .missionHead,
.site_parents .missionBody {
	width: 90vmin;
	margin: 0 auto;
	
}

.site_parents .missionBody {
	display: none;
    border: 4px solid black;
    position: relative;
    border-top: none;
    top: -3vmin;
	padding: 3vmin 6vmin 3vmin 3vmin;
	box-sizing: border-box;
	background-color: white;
}

.site_parents .missionBody .missionRecette h3,
.site_parents .missionBody .missionCartePostale h3,
.site_parents .missionBody .missionSaviezvous h3{
	margin-block-end: 0;
}

.site_parents .missionBody .missionRecette p,
.site_parents .missionBody .missionCartePostale p,
.site_parents .missionBody .missionSaviezvous p{
	margin-block-start: 0;
}

.site_parents .missionBody .missionLexique p{
	column-count: 2;
}

.site_parents .missionHead {
	position: relative;
	height: 7.3vmin;
	display: flex;
	justify-items: left;
	z-index: 3;
	cursor:pointer;
}

.site_parents .missionHead>img {
	width: 100%;
	height: auto;
	position: absolute;
}

.site_parents .missionButton {
	z-index: 5;
	position: relative;
}

.site_parents .missionButton .buttonMoreLess {
	position: absolute;
	height: 8vmin;
	width: 8vmin;
	background-image: url('../img/btn_ouvrir_idle.png');
	background-size: contain;
	background-repeat: no-repeat;
	top: 1%;
	left: -4vmin;
	cursor: pointer;
}

.missionButton .buttonMoreLess:hover { background-image: url('../img/btn_ouvrir_over.png'); }
.missionButton .buttonMoreLess:active { background-image: url('../img/btn_ouvrir_down.png'); }
.missionBox.open .missionButton .buttonMoreLess{ background-image: url('../img/btn_reduire_idle.png'); }
.missionBox.open .missionButton .buttonMoreLess:hover{ background-image: url('../img/btn_reduire_over.png'); }
.missionBox.open .missionButton .buttonMoreLess:active{ background-image: url('../img/btn_reduire_down.png'); }

.missionBox.open .missionBody{ display: block; }

.missionTitre {
	display: flex;
	justify-items: left;
	position: relative;
	left: 6%;
	align-items: center;
}

.missionTitre p{
	font-weight:900;
}

.missionTitre p.wrap_white_space{
	width: 70vmin;
	font-weight:normal;
}


.missionBox .missionImage{
	position: absolute;
    top: 8%;
    right: -5%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 11vmin;
    height: 10vmin;
    background-position: center;

}

.missionBox.menuMission_10 .missionImage{
	top: 15.5%;
}

.site_parents #boxText {
	position: relative;
	left: 13%;
	width: 66vw;
	margin-top: 6vmin;
}

.site_parents #boxText .savoirPlusSub {
	position: relative;
    left: 10%;
    width: 90%;
}

.site_parents #boxText .ruches {
	position: absolute;
    bottom: 7%;
    left: -26%;
    width: 14vw;
    height: 11vw;
    background-image: url(../img/img_parents_ruchesEtAbeille.png);
}


/***********************************/
/********** PARTENAIRES ************/
/***********************************/

#content .partenaires {
	position: relative;
	min-height: 120vmin;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.site_partenaires .title, .site_partenaires h1 {
	font-size: 2.5rem;
	width: 100%;
	text-align: center;
	font-weight:bold;
}
.site_partenaires h3 {
	font-size: 1.5rem;
}

.site_partenaires .partenairesContent {
	position: relative;
	width: 80%;
	height: 100%;
}


.site_partenaires .credit .title{
	width: 47vmin;
	position: relative;
}

.site_partenaires .imageTitre {
	background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/img_partenaires_blocAgriculteurs.png);
    width: 80vmin;
    height: 25vmin;
    margin: 0 auto;
}

.site_partenaires .partenairesFlexList {
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
	justify-content: center;
	width: 90vmin;
}

.site_partenaires .partenairesFlexList a {
	width: 90vmin;
	height: 10vmin;
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

.site_partenaires .partenairesFlexList a:nth-child(1),
.site_partenaires .partenairesFlexList a:nth-child(2){
	width: 40vmin;
	height: 22vmin;
	margin: 8vmin 2vmin 0;
	justify-content: end;
	text-decoration:none;
	color: black;
}

.site_partenaires .partenairesFlexList a:nth-child(3),
.site_partenaires .partenairesFlexList a:nth-child(4){
	width: 30vmin;
	height: 18vmin;
}

.site_partenaires .partenairesFlexList img {
	width: 27vmin;
    height: auto;
}

.site_partenaires .partenairesFlexList a:nth-child(1) img,
.site_partenaires .partenairesFlexList a:nth-child(2) img{
	width: 40vmin;
	margin-top: 1.5vmin;
}

.site_partenaires .partenairesFlexList a:nth-child(5) img,
.site_partenaires .partenairesFlexList a:nth-child(7) img{
	width: 18vmin;
}

.site_partenaires .partenairesFlexList .partenaire_item{
	display: flex;
    flex-direction: column;
}

.site_partenaires .credit{
	position: relative;
	padding-top: 15vmin;
}

.site_partenaires .credit, .site_partenaires .credit .subCredit{
	display: flex;
    flex-direction: column;
	align-items: center;
}

.site_partenaires .credit .subCredit p{
	text-align: center;
}

.site_partenaires .credit h3, .site_partenaires .mentionsLegales h3{
	padding-top: 5vmin;
}

.site_partenaires .imageCredits{
    position: absolute;
    width: 25vmin;
    height: 15vmin;
	top: -50%;
	right: -32%;
}

.site_partenaires .imageCredits img{
    width: 100%;
}


.site_partenaires .credit .conception_logos{
	display: flex;
    align-items: center;
    justify-content: center;
}

.site_partenaires .conception_logos div img{ 
	width: auto;
    height: 8vmin;
    margin: 0 1vmin;
}

.site_partenaires .creditMusique div img{ 
	width: auto;
    height: 6vmin;
}


.site_partenaires .mentionsLegales{
	margin-top: 15vmin;
}


.site_partenaires .mentionsLegales .title{
	width: 67vmin;
	position: relative;
	margin: 0 auto;
}

.site_partenaires .imageMention{
	position: absolute;
    width: 17vmin;
    height: 18vmin;
    top: -90%;
    left: -25%;
}

.site_partenaires .imageMention img{
    width: 100%;
}


/***********************************/
/************* CONTACT *************/
/***********************************/

.site_contact #menu{
	background:inherit ;
}

#content .contact{
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: space-evenly;
	height: 100vh;
	width: 100%;
	background-size: 100% 90%;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url('../img/bg_contact.png');
}

.site_contact .contactContent {
	position: relative;
	display: flex;
    width: 60vmin;
    height: 50vmin;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/bulle_indice.png);
}

.site_contact .contactContent .contactTextContainer {
	position: relative;
	width: 70%;
    height: 60%;
	margin: auto;
}

.site_contact .contactContent .contactTextContainer h1{ font-size: 1.1em; }

.site_contact .imgContact1{
	position: relative;
    width: 55vmin;
    height: 35vmin;
	background-image: url(../img/img_contact_bas_1.png);
	padding-top: 12%;
    margin-right: 4%;
}

.site_contact .imgContact2{
	position: relative;
	background-image: url(../img/img_contact_bas_2.png);
	height: 29vmin;
	width: 67vmin;
	top: -20%;
}

.site_contact .tracteur{
	top: -32%;
    right: 33%;
    width: 15vmin;
    height: 13vmin;
    background-image: url(../img/tracteur.png);
}

.site_contact .poissonMouton{
	position: relative;
	background-image: url(../img/img_poissonMoutonLac.png);
	height: 28vmin;
    width: 67vmin;
    margin-left: -2%;
}

.site_contact .contactTop, .contactBottom{
	width: 100%;
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
}

.site_contact .contactBottom{
	margin-top: -2%;
	width: 85%;
    align-self: flex-end;
}

.site_contact .contactTop{
	padding-top: 11vh;
}



/***************************************/
/*************** FOOTER ***************/
/**************************************/
footer{
    width: 100%;
	height: 5vmin;
	height: auto;
    padding: 1vmin 1vmin 2vmin 1vmin;
	box-sizing: border-box;
	font-size: 0.7rem;
	
}

footer .part{
	flex-direction: column;
	padding: 2vmin 2vmin 0 2vmin;
}

footer .logoFooter{
	width: 15vmin;
	height: 5.5vmin;
	background-position: top;
	margin-top: 1.5vmin;
}

footer .partie1 .logoFooter{
	background-image: url(../img/logo_upa_noir.png);
}

footer .partie3 {
	flex-direction: row;
	align-items: center;
	height: 5vmin;
	
}

footer .partie2 .logoFooter{
	background-image: url(../img/logo_quebec_noir.png);
	width: 20vmin;
}

.site_home footer{
	flex-grow: 1;
	align-items: flex-end;
	padding-top: 5vmin;
}

.site_concours footer{
	position: absolute;
	bottom: 0;
	height: auto;
}

.site_partenaires footer{
	width: 80%;
	box-sizing: inherit;
}
.site_contact footer{
	position: fixed;
	left: 0;
    bottom: 0;
}

.site_contact footer .partie3 {
    align-items: center;
    height: auto;
}


/***********************************/
/*********** ERREUR 404 ************/
/*********** ERREUR 500 ************/
/***********************************/
.site_erreur .boiteErreur{
	width: 80vmin;
    height: 40vmin;
	margin: auto;
	justify-content: center;
    align-items: center;
}

.site_erreur .iconeDanger, .site_erreur .text_erreur{
	width: 30vmin;
    height: 30vmin;
}



/***************************************/
/************* POPUPS HOME *************/
/**************************************/
.site_login.invisible,
.site_resetPassword.invisible,
.site_confirmReset.invisible,
.site_signup.invisible,
.site_confirmSignup.invisible,
.site_new_password.invisible,
.site_confirm_new_password.invisible,
.site_confirmUserActivation.invisible{
	display: none;
}

main.centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.centered {
    text-align: center;
}

.error-message {
	color: red;
	text-align: left;
	font-size: 0.8rem;
}




/************* LOGIN *************/
.site_login .btnPlay{
	margin:auto;
	top: 1vmin;
	right: 6vmin;
}
	
.site_login .btnInscription, .site_confirm_new_password .btnInscription{
	display: flex;
    align-items: center;
    justify-content: center;
}

.site_login h1, .site_login h4{
	margin-block-start: 0;
    margin-block-end: 0;
}

.site_login .boiteErreur{
	display: none;
	width: 70vmin;
    height: 40vmin;
    position: absolute;
    top: -3vmin;
    left: 5vmin;
    z-index: 2;
}

.site_login .boiteErreur.open{
	display: block;
}

.site_login .boiteErreur .flexRow{
	width: 100%;
    height: 100%;
    position: relative;
    align-items: center;
    justify-items: center;
    justify-content: center;
}
.site_login .boiteErreur .iconeDanger{
	width: 29vmin;
    height: 28vmin;
}
.site_login .boiteErreur .btnClose{
	right: -3vmin;
}

.loginInscription{
	width: 100%;
	margin-top: 2vmin;
}
.loginInscription a{
	text-decoration: none;
}

.site_login .error-message {
    color: black;
}



/************* SIGNUP *************/
.site_signup .boxCasesACocher p{
	width: 90%;
	text-align: left;
	font-size: 0.8rem;
}

.site_signup .boxCasesACocher > div:nth-child(2) p{
margin: 0 auto;
}

.site_signup .signupTop{
	width: 100%;
	height: 40vmin;
}

.site_signup .topLeft, .site_signup .topRight{
	width: 50%;
}

.site_signup .topLeft > div, .site_signup .topRight > div{
	margin: 0 auto;
}
.site_signup .topLeft > div.form-element{
	width: 30vmin;
}

.site_signup .signupBottom {
	height: 100%;
    justify-content: space-around;
}
.site_signup .signupBottom > div:nth-child(1) > div:nth-child(1) {
	margin: 0 auto;
	text-align: left;
	font-size: 0.9rem;
	font-weight: 600;
}

.regionSelect option {
    font-weight: bold;
}

.regionSelect option:disabled {
    font-weight: normal;
    font-style: italic;
}

.custom-select {
  position: relative;
}

.custom-select select {
  display: none; 
}

.selectTitle {
  background-color: #feff4f;
  width: 30.2vmin;
  border: 2px solid black;
  text-transform: uppercase;
  font-weight: 600;
}

.boxOptions > div,.selectTitle {
  color: #ffffff;
  color: black;
  padding: 8px 16px;
  cursor: pointer;
  white-space: pre-wrap;
  font-size:0.7rem ;
  box-sizing: border-box;
}

.boxOptions > div {
	position: relative;
  }

.boxOptions > div b{
	font-size:0.8rem ;
}

.boxOptions > div > div:first-child{
	margin-left: 2vmin;
    text-align: left;
}

.yellowArrow{
	background-image: url(../img/pointeur.png);
	width: 3vmin;
	height: 2vmin;
	top: 0.8vmin;
	left: 0;
	display: none;
}

.same-as-selected .yellowArrow{ display: block;}

.boxOptions {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	height: 28vmin;
	overflow: scroll;
	overflow-x: hidden;
	width: 30vmin;
	border: 1px solid transparent;
	border-color: transparent black black black;
}

.boxOptions::-webkit-scrollbar {
	width: 20px;
}

  /* Track */
  .boxOptions::-webkit-scrollbar-track {
	background-image: url(../img/scrollBar_base.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: center;
  }
   
  /* Handle */
  .boxOptions::-webkit-scrollbar-thumb {
	background-repeat: no-repeat;
    background-image: url(../img/scrollBar_curseur.png);
    background-position: center;
	background-size: 60% 45%;;
	height: 4vmin;
  }


.boxOptions > div:hover{
  background-color: rgba(0, 0, 0, 0.1);
}

.boxSoumettre{
    justify-content: flex-end;
    width: 90%;
    margin: 0 auto;

}

.site_signup .btnClose{
	top: -3vmin;
    right: -2vmin;
}



/* RESET PASSWORD */
#btnResetPassword{
	color: #2e40fa;
	text-decoration: underline;
}

.site_confirm_new_password .btnInscription,
.site_new_password .btnInscription{
	font-family: 'Manjari';
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.25vmin;
}

@media only screen and (max-width:1300px){
	#menu div { font-size: 1rem; line-height: 3rem; }
	#menu #accueil { width: 33vmin; }
	#menu #menuConcours { width: 16.5vmin;width: 16.7vmin; }
	#menu #menuParents { width: 16.7vmin; }
	#menu #menuPartenaires { width: 19.6vmin; }
	#menu #menuContact { width: 15.8vmin; }
	#menu #menuConcours .tropheeConcours { width: 6vmin; height: 5.5vmin; left: -3.5vmin; }
}

@media only screen and (max-width:950px){
	#menu #accueil { width: 27vmin; font-size: 1.3rem; line-height: 3.0rem; }
	#menu #menuConcours { width: 14.4vmin;width: 15.2vmin; }
	#menu #menuParents { width: 15.2vmin; }
	#menu #menuPartenaires { width: 17.8vmin; }
	#menu #menuContact { width: 15vmin; }
	#menu #menuConcours .tropheeConcours { width: 5.5vmin; top: 0.3vmin; }
}















/***********************************************************************************************/
/*********** CONCOURS_OLD - VERSION D'AVANT AVEC LE PATE CHINOIS ET LE PALMARES **************/
/***********************************************************************************************/
/* .site_concours #content .concours{
	position: relative;
	width: 100%;
	min-height: 100vmin;
	
} 

.site_concours #content .concoursTop{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
    background-size: 100% 100%;
    background-image: url(../img/bg_concours_top.png);
}

.site_concours .concoursTop_debut{
	position: relative;
	height: 110vmin;
}

.site_concours .concoursTop_fin{
	position: relative;
    height: 30vmin;
    width: 100vmin;
    margin: 0 auto;
	padding-top: 10vmin;
	margin-top: 10vmin;
}
.site_concours .concoursTop_fin > .flexRow{
	justify-content: space-around;
	justify-content: space-evenly;
	margin-top: -5vmin;
}

.site_concours .concoursTop_debut .titreForm{
	display: flex;
	align-items: center;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
}

.site_concours .concoursTop_debut .titreForm .concoursForm{
	position: relative;
	display: flex;
    flex-direction: column;
    width: 53vmin;
	align-self: flex-end;
}
.site_concours .concoursFormBox{
	width: 32vmin;
	align-items: flex-end;
	margin-left: 7vmin;
}

.site_concours .concoursFormBox > .flexColumn{
	width: 100%;
}

.site_concours .boiteErreur{
	width: 70vmin;
    height: 40vmin;
	margin: auto;
	justify-content: center;
    align-items: center;
}


.site_concours .boiteErreur .btnClose {
    right: -2vmin;
    top: -2vmin;
}

.site_concours .iconeDanger, .site_concours .text_erreur{
	width: 30vmin;
    height: 30vmin;
}

.site_concours .btnEnvoyer {
	position: relative;
	height: 5vmin;
    width: 20vmin;
}

.site_concours .btnEnvoyer .pateChinois{
	top: 39%;
	left: -16%;
	width: 11vmin;
    height: 4vmin;
}

.site_concours .btnEnvoyer .btnEnvoyer_text{
    position: absolute;
	top: 26%;
    left: 35%;
    font-weight: 800;
}


.site_concours .concoursBottom{
	position: relative;
	display: block;
	width: 100%;
}

.site_concours .bgconcoursBottom{
	background-image: url('../img/bg_concours_fond_vert_bas.png');
	background-size: 100% 35%;
	background-position: bottom;
}

.concoursBottom_fin{
	padding-bottom: 12vmin;
}

.site_concours .concoursTitleContainer{
	position: relative;
	width: 70vmin;
	height: 31vmin;
	background-image: url('../img/img_concours_blocConcours.png');
    background-size: contain;
    background-repeat: no-repeat;
    left: 0%;
    top: 0%;
}

.site_concours .concoursTitleContainer .title{
	position: relative;
	width: 30vmin;
    height: 10vmin;
	top: 35%;
    left: 40%;
    transform: rotate(-4deg);
	color: #faff25;
}

.site_concours .concoursTitleContainer .title h3, .site_concours .concoursTitleContainer .title p
.site_concours .concoursTitleContainer .title h1 {
	margin-block-end: 0;
    margin-block-start: 0;
	font-size: 2.3rem;
	text-align: center;
    line-height: 1;
}

.site_concours .concoursTitleContainer .title p, .site_concours .concoursTitleContainer .title span{
	font-size: 1.3rem;
	display:block;
}
.concoursForm input{
	height: 5vmin;
    width: 30vmin;
	background-image: url('../img/box_courriel.png');
	background-size: contain;
	border: none;
    background-color: transparent;
	text-align: center;
	background-repeat: no-repeat;
	outline: none;
}

.site_concours .reglement, .concoursBottom_debut{
	position: relative;
	width: 100vmin;
	margin: 0 auto;
	padding: 0 25px 0 20px;
    box-sizing: border-box;
}

.site_concours .concoursBottom_debut{
	padding: 5vmin 2.5vmin 7vmin 2vmin;
}

.site_concours .panier{
	bottom: 5%;
    left: -28%;
    width: 40vmin;
    height: 40vmin;
    background-image: url(../img/img_concours_bas_de_page.png);
}
.site_concours .etoileDroite{
	top: -12vmin;
    right: 12vmin;
    width: 11vmin;
    height: 13vmin;
	background-image: url('../img/img_concours_blocEtoileDroit.png');
}

.site_concours .etoileGaucheMilieu{
	top: 22vmin;
    left: -12vmin;
	width: 15vmin;
	height: 15vmin;
	background-image: url('../img/img_concours_reglements.png');
}

.site_concours .etoileDroiteMilieu{
	top: 25vmin;
    right: -8vmin;
	width: 15vmin;
	height: 23vmin;
	background-image: url('../img/etoileDroite.png');
}

.site_concours .trioConcours{
    background-repeat: no-repeat;
    width: 35vmin;
    height: 20vmin;
    background-image: url(../img/img_trioAtrouver.png);
    background-size: contain;
}

.site_concours .palmares, 
.site_concours .palmares .titre{
	align-items: center;
}

.site_concours .palmares h3{
	margin-block-start: 0;
	margin-block-end: 0;
	font-size: 1.3rem;
	margin-right: 1vmin;
}

.site_concours .palmares p{
	font-size: 0.8rem;
}

.site_concours .palmares ul{
		margin-block-end: 0;
		padding-inline-start: 0px;
}

.site_concours .palmares li{
	margin-bottom: 10px;
    height: 3vmin;
	align-items: center;
	justify-content: flex-end;
}

.site_concours .palmares li .nomRegion{
	margin: 0 auto 0 0;
}

.site_concours .palmares .quantite, .site_concours .palmares .position{
	margin: auto 10px auto;
    align-self: center;
    font-weight: 700;
}
.site_concours .scrollPalmares{
    height: 14vmin;
    overflow-y: scroll;
}
.site_concours .scrollPalmares .medaille{
	width: 5vmin;
	height: 4vmin;
}

.site_concours .scrollPalmares li:nth-child(1) .medaille{ background-image: url('../img/or.png'); }
.site_concours .scrollPalmares li:nth-child(2) .medaille{ background-image: url('../img/argent.png'); }
.site_concours .scrollPalmares li:nth-child(3) .medaille{ background-image: url('../img/bronze.png'); }

.site_concours .pateChinois{ background-image: url('../img/pateChinois.png'); }

.site_concours .concoursTop_fin .pateChinois{
	width: 5vmin;
	height: 4vmin;
	margin-right: 8px;
    align-self: center;
}

.site_concours .bouleSaviezVous{
	position: relative;
	width: 90vmin;
    margin: 0 auto;
}

.site_concours .bouleSaviezVous img{
	width: 100%;
}

.site_concours .concoursBottom_fin p{
	position: absolute;
    height: 56%;
    width: 56%;
    bottom: 17%;
    left: 40%;
}

.scrollPalmares::-webkit-scrollbar {
	width: 10px;
}
  
  /* Track *
  .scrollPalmares::-webkit-scrollbar-track {
	background-image: url(../img/scrollBar_base.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }
   
  /* Handle *
  .scrollPalmares::-webkit-scrollbar-thumb {
	background-repeat: no-repeat;
    background-image: url(../img/scrollBar_curseur.png);
    background-position: center;
    background-size: contain;
  }

  #popupConcoursEnvoye, #popupConcoursTermine, #popupConcoursmessageErreur{ display: none; }
  #popupConcoursEnvoye.open, #popupConcoursTermine.open, #popupConcoursmessageErreur.open{ display: flex; }

  .site_concours .popup .bgPopup .pateChinoisPopup{
	  width: 60%;
  }

  .site_concours .popup .bulle_dialogue{
	background-image: url(../img/img_MEJ_popUp_surveillez.png);
    width: 90vmin;
    height: 42vmin;
  }

  .site_concours .bulle_dialogue  p{
	width: 37vmin;
    position: absolute;
    height: 25vmin;
    top: 8vmin;
    left: 39vmin;
    font-size: 0.9rem;
  }

  */