a.mediaboxck_link {
min-width: 0!important;
}
/* expletus-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Expletus Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/expletus-sans-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.offcanvas-header > *:only-child {
    margin-left: auto;
}

.container-header .navbar-toggler, .navbar-toggler {
	color:#00F !important;
}
  .metismenu.mod-menu .metismenu-item {
        display:block!important;
        text-align:center!important;
 }
@media (min-width: 992px) {
  .offcanvas-start {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    width: 100%;
    margin-top: 1rem;
  }
  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }
  ul.mod-menu.mod-list.nav {
    background-color:#000000;
    fiter:opacity(1%);
  }  
  ul.mod-menu.mod-list.nav a{
    color:#fff;
  }
  .offcanvas .metismenu.mod-menu .metismenu-item > a {
    /*color: #fff;*/
  }
  .offcanvas-header {
	  max-width:90% !important;
  }

}

@media (min-width: 992px) {
    .site-grid {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
    }
  .masquer {display:none;}
}
body.site {
	background-color:#187EBC;
}
.site-grid {
	background-color:#fff;
	background-image: url('/images/fond.gif')!important;
	background-repeat:repeat;
}
 .h1,
 h1 {
  font-size:0.8rem;
  font-weight:400!important;
  float:right;
 }
 h1, h2 {
font-family: 'Expletus Sans', cursive;
color: #A52D20;
}
.com-content-category-blog.blog h2, div.page-header h2 {
	background:url(/images/h2.png) no-repeat;
	padding-top: 70px;
	padding-left: 100px;
}
h3.card-header,
.sidebar-left .chef,
.mod-list li a.chef{
font-size : 18px!important;
padding-top: 8px!important;
padding-bottom: 6px!important;
padding-left: 7px!important;
color: #A52D20!important;
background-image:url('/images/etiket.png')!important;
border-top :solid 1px #E89A92!important;
border-bottom :solid 1px #E89A92!important;
}

a.chef {
margin-left: -15px;
padding-right : 15px;
}
.marginleft {
	margin-left:5px!important;
}
h3 {
font-family: 'Expletus Sans', cursive;
font-weight: 600;
font-size: 1.8em;
color:#A52D20;
margin-top : 25px;
margin-bottom : 15px;
}
.container-component{
	/*background-color:#fff;*/
	background: rgba(255, 255, 255, 0.7);
}
.container-header {
	background-image:url('/images/jyjou-header.png');
	background-repeat:repeat-x;
	background-color:transparent;
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}
.container-header nav {
 /*! margin-top:.5em; */
 padding:0;
 background-color: white;
}
div.grid-child.container-nav {
	margin-left:185px!important;
	margin-top:15px;
	margin-bottom:-10px;
	padding-top:80px;
}
div.navbar-brand a.brand-logo{
	margin-left:280px;
}
.navbar.navbar-expand-lg{
	background-color: #fff;
	opacity: 1;
}

@media (max-width:991.98px){

.site-grid {
		grid-template-areas:
		  ". banner banner banner banner ."
		  ". top-a top-a top-a top-a ."
		  ". top-b top-b top-b top-b ."
		  ". side-l side-l side-l side-l ."
		  ". comp comp side-r side-r ."
		  ". bot-a bot-a bot-a bot-a ."
		  ". bot-b bot-b bot-b bot-b ."
	}
	.masquesp { /*, a.brand-logo img {*/
		display:none!important;
	}
	.sidebar-left .navbar-toggler .navbar-toggler-right, div.sidebar-left .nav.navbar.navbar-espand-lg, .offcanvas-body ul li{
		z-index:900;
		max-width:80% !important;
	}
  div.grid-child.container-sidebar-left{/*z-index:99;*/}
	.btn-close-white {
  -webkit-filter:none;
	}
	div.navbar-brand a.brand-logo {
		margin-left:25px!important;
	}
	.container-sidebar-left {
		max-width:80% !important;
	}
	.container-header {
		background-image:url('/images/jyjou-header.png');
		/*background-repeat:repeat-x;
		background-color:transparent;*/
		width:100%;
		/*margin-left:auto;
		margin-right:auto;*/
	}
.container-header .container-nav nav {
	z-index:1000;
}
.mod-custom {
	position:static;
}
	div.grid-child.container-nav {
		margin-left:0px!important;
		margin-top:0;
		margin-bottom:0;
		padding-top:0;
	}
	#mod-custom145 {
		z-index:0;
	}
}

.page-header {
	/*float:right;*/
}
div.page-header>h2>a {
	font-size: 16px!important;
	font-weight: 600;
	margin-top : 0px;
	margin-bottom : 8px;
	text-decoration:none;
}
.footer {
	background-color:transparent;
	background-image: none;
}
div.item-content{
margin-top : 10px;
padding: 12px;
background-color :#FFF8F4;
border: 1px dashed #DB978C;
float:left;
min-height : 245px;	
}
div.item-content>h2{
	background-image:none!important;
	padding-top: 0 !important;
}
/* définitions provenant du template J3 */
.image-gauche {
margin: 0px 20px 0px 0px;
float: left;
border: 10px solid #CE837C;
border-image: url("/images/cadre-image.png") 25 round stretch;
}
.image-droite {
margin: 0px 0px 5px 20px;
float: right;
border: 10px solid #CE837C;
border-image: url("/images/cadre-image.png") 25 round stretch;
}
.image-gauche-sans-cadre {
margin: 0px 20px 5px 0px;
float: left;
}

.image-droite-sans-cadre {
margin: 0px 0px 0px 20px;
float: right;
}

.espace-titre {
margin-top : 5px;
margin-bottom: 15px;
}

.image-cadre {
border: #CE837C 1px;
border-style: solid;
}
.catItemImageBlock {
border: 10px solid #CE837C;
border-image: url("/images/cadre-image.png") 25 round stretch;
width:120px;
height:auto;
}
.rouge-clown {
color:#EE1403;
}

.bleu-magie {
color:#005AFF;
}

.orange-mime {
color:#F5700E;
}

.vert-ballons  {
color:#00710A;
}

.rose-fonce {
color:#A52D20;
}

.rose-clair {
color:#E89A92;
}

/* fin des définitions provenant du template J3 */