/* Espace sous le header*/
.com-content #sp-main-body { padding: 65px 0; }

/* Couleur du bouton de menu pour tél */
.burger-icon > span {background-color: #14b1dd !important;}

/* Taille et hauteur des traits du bouton menu pour portable*/
.burger-icon { width: 35px; } .burger-icon > span { height: 4px; }

/* Pour masquer le bouton rouge featured */
.article-list .article .featured-article-badge { display: none; visibility: hidden;}
.article-details .featured-article-badge { display: none; visibility: hidden;}

/* Pour jeux */
.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 10px; height: 0; overflow: hidden;
}
 
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Afficher le sous menu pour portable sans flèche */
.menu-parent .menu-child{
    display: block !important;
}
.menu-parent .menu-toggler{
    display: none !important;
}
/* Pour scroll du menu tel portable*/
.offcanvas-menu {overflow: scroll;}

/* Pour modifier la couleur des éléments de sous menus pour portable*/
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: white;
}

/* Modifier la couleur du fond du sous menu  déroulant*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding-left:10px; padding-right:10px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {padding-left:10px; padding-right:10px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {background: #00aeef;}

/* Augmenter la taille des éléments du sous menu  déroulant*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a 
{ font-size: 1.1rem; }

/* Diminuer l'espace entre les boutons du menu*/
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {padding: 0 5px;}