@font-face {
    font-family: 'daypbl';
    src: url('polices/DAYPBL__-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'forque';
    src: url('polices/Forque-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'INDUBITA-webfont';
    src: url('polices/INDUBITA-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Scratch_-webfont';
    src: url('polices/Scratch_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*marron: #c08e47*/
/*bleu foncé: #246368*/
/*et de plus en plus foncé
#1f575c
#194a4e
#12393d  ok
#0c292b  
#071819*/

/*#297b82 moins foncé (liens conferences)*/


/*bleu clair: #4c9aa4*/

/*kind of white: #ece4cd*/



/*---------------------------------------------------------------------------------*/
/*----------------------------------HEADER-----------------------------------------*/
/*---------------------------------------------------------------------------------*/

.header {
	background-color: #4c9aa4;
	background-image: url("imagescss/texture/clean-gray-paper.png");
	font-family:forque, daypbl, airstreamregular, dbregular, cowboy_hippie_proregular, Scratch_-webfont, INDUBITA-webfont;

}


/*----------------------------------NAVBAR-----------------------------------------*/

.navbar-nav {
	justify-content: space-around;
}

@media all and (min-width: 992px) {
	.navbar {
		height: 85px;
	}
}

.navbar .navbar-nav .nav-link {
	color: #ece4cd;
	text-shadow: 1px 1px 0px #246368;
	opacity: 1;
	font-size: 2em;
	padding-top: 19px;
	padding-bottom: 19px;
}

.navbar .navbar-nav .nav-item a:hover {
	color: #c08e47 !important;
	text-shadow: 1px 1px 0px #246368 !important;
}

/* rien */
/* .navbar-nav .active>.nav-link {
	color: #000;
}   */


.navbar .navbar-nav  .active {
	color: #fff;
}  

/* juste au moment ou tu clique */
/* .navbar .navbar-nav .nav-item a:active {

	color: #12393d;
} */


/*.navbar-collapse {
	position: absolute;
	top: 0px;
}*/

/* .navbar-toggler-icon {
	z-index: 7000;
} */



/*----------------------------------SUB-MENU-----------------------------------------*/

.sub-menu ul {
	list-style-type: none;
}

.navbar .nav-item .sub-menu {
	background-color:  #4c9aa4;
	background-image: url("imagescss/texture/clean-gray-paper.png");
	border: 3px #c08e47 solid;
	text-decoration: none;
	text-align: left;
	    /*top: calc(100% + 10px);*/
	top: 85px;
	display:none;
    position:absolute;
    z-index: 1000;
    filter: drop-shadow(4px 4px 4px #0c292b);
}

.navbar .nav-item .sub-menu li a {
	color: #ece4cd ;
	font-size: 1.5em;
	text-shadow: 1px 1px 0px #246368;
}

.navbar .nav-item .sub-menu li a:hover {
	text-decoration: none;
	color: #246368;
	text-shadow: 1px 1px 0px #ece4cd;
}

/*pour afficher le sub-menu(seulement sur ecran large)*/
@media all and (min-width: 992px) {
	.nav-item:hover > .sub-menu {
	}
}

/*on s'assure que le sub menu n'apparait pas sur mobile*/
@media all and (max-width: 991px) {
	.sub-menu {
		display: none !important;
	}
}

 /*pour avoir le stretched link*/
.lien-sub-menu {
	position: relative;
}

/*----------------------------------SUB-MENU-SOUS-TITRE-----------------------------------------*/

.lien-sub-menu-sous-titre {
	font-size: 0.8em;
	position: relative;
	left: 40px;
	top: -13px;
}

.lien-sub-menu-books {
	height: 57px;
}

/*----------------------------------ETOILE 1 et 2-----------------------------------------*/

.etoile {
	font-size: 12px;
	position: relative;
	top: 35px;
	color: #c08e47;
}

/*on enleve l'etoile de la navbar sur ecran moyen car sinon ça tient pas et ça fait moche*/
@media all and (max-width: 1024px) {
	.etoile {
		display: none;
	}
}

.etoile2 {
	font-size: 12px;
	position: relative;
	bottom: 4px;
	color: #ece4cd;
}

/*----------------------------------LOGO-----------------------------------------*/

.logoJC {
	top: 30px;
	filter: drop-shadow(2px 2px 2px #246368);
}

@media all and (max-width: 991px) {
	.logoJC {
		top: -10px;
	}
}

/*pour que la div du logo reste bien de cette largeur sur ecran large*/
@media all and (min-width: 992px) {
	.logoJC {
		width: 187.6px !important;
	}
}

/*-------------------------------------------------------------------------------------*/
/*-- ---------------------------------LANG ET CART------------------------------------------- -*/
/*-------------------------------------------------------------------------------------*/

.flag:hover {
	cursor: pointer;
}

.bouton-panier {
	z-index: 100;
}

/*-------------------------------------------------------------------------------------*/
/*-- ---------------------------------JUMBOTRON------------------------------------------- -*/
/*-------------------------------------------------------------------------------------*/

.jumbo {
	background: url('imagescss/texture/texture-papyrus-redimensionnee-marron.png') no-repeat;
	background-size: cover;
	font-family:INDUBITA-webfont, daypbl, dbregular, Scratch_-webfont, forque, airstreamregular, cowboy_hippie_proregular;
	font-size: 1.1em;
	color: #12393d;
}

@media all and (max-width: 991px) {
	.texte-jumbotron {
		text-align: justify;
	}
}

/*-------------------------------------------------------------------------------------*/
/*-- ---------------------------------PAPIER-PEINT-FOND------------------------------ -*/
/*-------------------------------------------------------------------------------------*/

.fond-papier-peint {
	background: url('imagescss/texture/texture-papier-peint-06b.jpg') repeat;
	background-size: 180%;
}


/*-------------------------------------------------------------------------------------*/
/*-- ---------------------------------FOOTER------------------------------------- -*/
/*-------------------------------------------------------------------------------------*/

.footer-top {
	/*background-color: #4c9aa4;*/
	/*background:  url("imagescss/texture/clean-gray-paper.png"), url("imagescss/bleu-zigzag.png") ;*/
	background-image: url("imagescss/bleu-zigzag2.png");
	/*background-image: url("imagescss/texture/clean-gray-paper.png");*/
	font-family:Scratch_-webfont, forque, daypbl, airstreamregular, dbregular, cowboy_hippie_proregular, INDUBITA-webfont;
	color: #12393d;
	font-size: 1.2em;
}

.logo-jaycee-footer {
	filter: drop-shadow(2px 2px 2px #246368);
}

.contact-footer {
	border: 5px #246368 dotted;
	background: rgba(236, 228, 205, 0.3);
	/*background-image: url("imagescss/timbre.png");
	background-size: cover*/
}

.footer-bottom {
	background: url('imagescss/texture/texture-papyrus-redimensionnee-marron.png') no-repeat;
	background-size: cover;
	font-family:INDUBITA-webfont, cowboy_hippie_proregular, daypbl, dbregular, Scratch_-webfont, forque, airstreamregular;
	font-size: 0.8em;
	color: #12393d;
}

.logo-social {
	filter: drop-shadow(2px 2px 2px #246368);
}

.logo-social:hover {
	position: relative;
	top: 1px;
	margin-left: 1px;
}



/*-------------------------------------------------------------------------------------*/
/*-- ---------------------------------POPUP------------------------------------- -*/
/*-------------------------------------je le mets là et pas dans home car si on clique tres vite sur autre page------------------------------------------------*/

#maskCdBook, #maskNews {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: rgba(0,0,0,0.7);
	display: none;
  }
  
  #popupWindowNews, #popupWindowCdBook, #popupCenter {
	/*width: 750px;
	height: 300px;*/
	/*padding: 10px;*/
	background-color: #ffffff;
	font-family:forque, daypbl, airstreamregular, dbregular, cowboy_hippie_proregular, Scratch_-webfont, INDUBITA-webfont;
	font-size: 15pt;
  
	position: fixed;
	/*left: 0;*/
	top: 0;
	/*width: 440px;
	height: 200px;*/
	display: none;
	z-index: 9999;
	padding: 20px;
	border-radius: 15px;
	text-align: center;
  }
  
  .stop-scrolling {
			  height: 100%;
			  overflow: hidden;
		  }