/**handles:menu-css**/
/*
====================
Style pour tous les menus
====================
*/

.responsiveMenuList {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   list-style: none;
   overflow: auto;
   background-color: rgba(255, 255, 255, 0.9);
   background-image: url(https://www.thermo2000.com/wp-content/uploads/2018/08/logo_prolam_header.png);
   background-repeat: no-repeat;
   background-position: center 40px;
}

.responsiveMenuList ul {
   width: 100%;
   margin: 0;
   padding: 0;
   list-style: none;
   /*top:40px;*/
}

.responsiveMenuList li {
   width: auto;
   margin: 0;
   clear: both;
   text-transform: uppercase;

   position: relative;
   top: 100px;
}

.responsiveMenuList li li {
   background-color: rgba(255, 255, 255, .25);
}

.responsiveMenuList li a,
.responsiveMenuList li span {
   display: block;
   padding: 10px 2px;
   color: #000;
   text-align: center;
   font-size: 40px;
   font-weight: bold;
   padding: 30px;
}

.responsiveMenuList li a:hover {
   font-weight: bold;
}

.responsiveMenuList li a.menumobile_expand {
   position: absolute;
   top: 30%;
   right: 35%;
   padding: 0;

   width: auto;
   height: auto;

   font-family: Arial, Helvetica;
}

.menumobile_expand:hover {
   text-decoration: none;
}

#menumobile_closebutton {
   background: no-repeat center url('https://www.thermo2000.com/wp-content/themes/thermo/images/default_active.png');
   display: block;
   width: 45px;
   height: 45px;

   float: right;
   margin: 15px;
}

/* .sub-menu{
	font-size:18px;
	display: flex;
    justify-content: center;
}
.sub-menu li{
	top:0;
	background-color:transparent !important;


}
.sub-menu li a{
	font-size:20px;
	color:#000 !important;
	padding:0px 8px 5px 0px;

}
.sub-menu li a::after, .sub-menu li a:after{
	content:  url(https://www.thermo2000.com/wp-content/uploads/2018/08/point_separateur.png);
	position:relative;
  	left:3px;
  	bottom:5px;
}
.sub-menu li:last-of-type a::after, .sub-menu li:last-of-type a:after{
	content: " ";
}
.sub-menu li a:hover{
	border-bottom : 3px solid #9e2025;
} */


/*
====================
Style pour différents types de menus
====================
*/

.shrinkLeft,
.shrinkRight,
.shrinkSlideLeft,
.shrinkSlideRight {
   width: 400px;
}

.responsiveButton {
   background-image: url('https://www.thermo2000.com/wp-content/themes/thermo/images/default.png');
   background-repeat: no-repeat;
   background-position: center;
   display: block;
   width: 60px;
   height: 60px;
   background-color: transparent;
}

.active .responsiveButton {
   background-image: url('https://www.thermo2000.com/wp-content/themes/thermo/images/default.png');
}