.navbar-mainnavigation {
  box-shadow: none;
}

.navbar-mainnavigation .navbar-brand-image img {
  top: 30px;
} 

.navbar-mainnavigation {
  transition: box-shadow .3s;
}

.has-scrolled .navbar-mainnavigation {
  box-shadow: none;
}

.navbar-brand-logo-normal {
  width: 150px !important;
  height: 90px !important;
  max-height: 90px !important;
}

h2 {  
	font-size: 1.3rem;
}

#page-content .section {
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  margin: auto;
}

#page-content .frame-type-texticon {
  width: 100%;
}


.texticon-icon .texticon-inner-icon svg {
  width: 30px;
  height: 40px;
}

.texticon-content .element-header {
  margin-bottom: 20px !important;
  font-weight: bold;
    text-transform: uppercase;
}

.texticon-icon .texticon-inner-icon {
    align-items: flex-start !important;
    margin-top: 6px;
}

.texticon-content a {
  font-weight: bold;
	display: inline-block;
  font-size: .9rem;
}

.texticon-content a:before {
  content: '';
  width: 50%;
  height: 1px;
  background-color: #000;
  opacity: 0;
	display: block;
  transition: opacity .3s .1s, width .3s;
}

.texticon-content a:after {
  content: '';
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 9px;
  height: 9px;
  transform: rotate(-45deg);
  display: inline-block;
  margin-left: 3px;
  transition: margin-left .3s;
}

.texticon-content a:hover {
	text-decoration: none;
}


.texticon-content a:hover:after {
	margin-left: 12px;
}

.texticon-content a:hover:before {
   opacity: 1;
	width: 100%;
}

#c858 {
  width: 100%;
}

/* Cour d'appel */
#c859 svg {
  fill: #2b49ff;  
}
#c859 svg path {
  stroke: #2b49ff;  
}
#c859 a {
  color: #2b49ff;  
}
#c859 a:after {
  border-color: #2b49ff
}
#c859 a:before {
 background-color: #2b49ff;
}

/* Cour supp */
#c860 svg {
  fill: #b80001;  
}
#c860 svg path {
  stroke: #b80001;  
}
#c860 a {
  color: #b80001;  
}
#c860 a:after {
  border-color: #b80001
}
#c860 a:before {
 background-color: #b80001;
}


/* Cour du quebec */
#c861 svg {
  fill: #27bfa4;  
}
#c861 svg path {
  stroke: #27bfa4;  
}
#c861 a {
  color: #27bfa4;  
}
#c861 a:after {
  border-color: #27bfa4
}
#c861 a:before {
 background-color: #27bfa4;
}


/* Cour municipal */
#c862 svg {
  fill: #409719;  
}
#c862 svg path {
  stroke: #409719;  
}
#c862 a {
  color: #409719;  
}
#c862 a:after {
  border-color: #409719
}
#c862 a:before {
 background-color: #409719;
}


/* Droit de la personne */
#c863 svg {
  fill: #378caa;  
}
#c863 svg path {
  stroke: #378caa;  
}
#c863 a {
  color: #378caa;  
}
#c863 a:after {
  border-color: #378caa
}
#c863 a:before {
 background-color: #378caa;
}


/* Profession */
#c864 svg {
  fill: #9b9611;  
}
#c864 svg path {
  stroke: #9b9611;  
}
#c864 a {
  color: #9b9611;  
}
#c864 a:after {
  border-color: #9b9611
}
#c864 a:before {
 background-color: #9b9611;
}


#page-footer {
  display: none;
}



@media (max-width: 767px){
	.navbar-transition .navbar-brand {
		max-height: 100px !important;
		height: 100px !important;
	}
}



@media (min-width: 768px) { 

  .frame-header h1 {
    font-size: 3rem;
    max-width: 500px;
    margin:  auto  ;
    position: relative;
    top: -50px;
  }
  	.navbar-brand {
		max-height: 145px !important;
		height: 145px !important;
	}
  
  .navbar-brand-logo-normal {
  	width: 150px !important;
  	height: 123px !important;
	max-height: 123px !important;
  }
  
  #page-content .frame-type-texticon {
    width: 48%;
  }
}

@media (min-width: 1000px) {
  #page-content .frame-type-texticon {
    width: 33%;
  }
}


@media (max-width: 767px){
    .navbar-mainnavigation .navbar-brand-image img {
    top: 7px;
    margin-left: -30px;
} 
  
  .site-banner{
  display: none;
}
  .frame-header h1 {
        position: fixed;
        top: 29px;
        z-index: 9999;
        
        text-align: left !important;
        left: 170px;
        font-size: 1.5rem;
        padding-right: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px){
   .frame-header h1 {
      font-size: 2.2rem;
  }
}


@media (min-width: 768px) and (max-width: 1399px){
  .navbar-mainnavigation .navbar-brand-image img {
    top: 7px;
    margin-left: -30px;
} 
  
  .site-banner{
  display: none;
}
  .frame-header h1 {
        position: fixed;
        top: 29px;
        z-index: 9999;
        text-align: center ;
        left: 50%;
        transform: translateX(-50%);
  }
  
  #page-content{
    margin-top: 100px;
  }
}

@media (max-width: 480px){
  .frame-header h1 {      
        top: 11px;        
  }
}