/*--- CSS éditées par Emmanuel PEPIN - e-pepin@orange.fr / Mis à jour le 17 Mars 2021 --*/

/*¨---- GENERAL -----*/

/*-- LOGO. --*/
/*--
a {
  cursor : url(../2020/07/fourcha.png) 10 14, pointer;
}
--*/


/*-- page d'accueil ----*/

a.row-bg-link.background-image {
    background-color: blue;
}
.background-image img:hover.setsizes.loaded {
    opacity: 0.5;
}


/*--- images colorées ---*/
/*-- images bleues ----*/
.image-bleu {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  
}

/*-- NAVIGATION --*/

/*---- LANGUES ----*/



/*-- PRIMARY MENU (Mega Menu) --*/
#mega-menu-wrap-primary, 
#mega-menu-wrap-primary #mega-menu-primary {
  line-height: 1!important;
}

/*--- Soulignement au passage de la souris --*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover
{
      text-decoration: none!important;
  		border-bottom: solid 5px #0000ff!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
        text-decoration: none!important;
  		border-bottom: solid 5px #0000ff!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    text-decoration: none!important;
}

/*--- PRIMARY MENU ----*/
nav.laynav.primary ul {
    float: right;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
    float: inherit;
}


/*-- menu langues --*/
a.mega-menu-link img {
    width: 24px!important;
    height: auto!important;
}
/*-- espace avant langue --*/
li#mega-menu-item-221 {
    margin-right: 50px!important;
}

/*-- sous-menu --*/
/* - soulignement custom --*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    text-decoration: none!important;
  	border-bottom: solid 5px #0000ff!important;
}

/*-------------- Flèches de navigation ------------------*/
  a.pa-next.project-arrow.pa-icon.center  {
    opacity: 0.3;
    color: blue;
    font-size: 45px;
    right: 0px;
}

  a.pa-prev.project-arrow.pa-icon.pa-mirror.center
  {
    opacity: 0.3;
    color: blue;
    font-size: 45px;
    left: 0px;
}

a:hover.pa-next.project-arrow.pa-icon.center,
a:hover.pa-prev.project-arrow.pa-icon.pa-mirror.center {
    opacity: 1;
}

  /*----- FOOTER ---*/
#footer .row-inner {
    margin: 0 30px;
}

/*----------_RESPONSIVE -----------*/

@media (min-width: 601px) {
#grid .push-0:first-child {
    margin-left: 8%;
}
  
#grid .push-0 {
    padding-right: 8%;
}

#grid .span-18 {
    width: 84%;
}
  }
@media (min-width: 1024px) {
#grid .push-0:first-child {
    margin-left: 10%;
}
#grid .span-18 {
    width: 80%;
}
  }

/*-- centrer le sous-menu pour tablette et ecran --*/

@media only screen and (min-width: 1024px) {
ul.mega-sub-menu, .mega-sub-menu {
	margin-top: -2px!important;
    z-index: -1!important;
    padding-top: 5px!important;

}

}

@media only screen and (max-width: 1439px) {
  
  /*--- Primary menu ---*/
ul#mega-menu-primary {
    padding-left: 100px!important;
}

p._Texte25, p._textejustif25, p._Texte25 span, p, span {
  font-size: 16px!important;
}

h1._Titre span {
    font-size: 21px!important;
}

}

a:hover {
		color:#000099!important;
}

@media only screen and (max-width: 1024px) { /*-- TABLETTE --*/
  
 p._Texte25, p._Texte25 span, p, a.mega-menu-link {
    font-size: 18px!important;
}

}

@media only screen and (max-width: 768px) { /*-- MOBILE --*/
  
p._Texte25 span {
    font-size: 18px!important;
}
		
		
		
  /*--- Primary menu ---*/
 
 /*-------------- Texte menu -------------------*/
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
   font-size: 21px;
}
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
    font-family: Roobert-Medium_1!important;
    font-size: 21px!important;
}
  
ul.mega-sub-menu, .mega-sub-menu {
  margin-top: -2px!important;
	z-index: -1!important;
	padding-top: 5px!important;
	}
}