/* -----------------------------------------------
	Megamenu.js Style starts here
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	
.menu-container {
	background: #005fa6; /*2d2d2d*/	
    width: 100%;   
	font-size: 18px;
	font-weight: 600; 
	margin: 0 auto;
}

.menu .logo {
    display: inline-block;
    float: left;
	width: 35%; 
	font-size: 36px;
	font-weight: 800;
	color: #f85c37; /* 999 */	
	padding: 10px;
	padding-left: 220px;
	padding-right: 0px;		
}

.menu .com {   	
	font-size: 24px;
	font-weight: 500;
	color: #f85c37; /* 999 */			
}

.menu-container .background {	
	font-weight: 700; 
}

@media (max-width:991px) {
.menu .logo {	    
	display: inline-block;
    float: left;
	width: 35%; 
	font-size: 36px;
	font-weight: 800;
	color: #f85c37; /* 999 */	
	padding: 10px;
	padding-left: 375px !important;
	padding-right: 0px;	
    }
}

/***** Cacher le responsive Styles du logo  *****/
@media(max-width:991px) {
.menu a.logo {
	display: none !important;
    }
}

@media(max-width:767px) {
.menu a.logo {
	display: none !important;
    }
}

/***** Menu mobile *****/
.menu-mobile {
    display: none;
    padding: 20px;	
} 

/***** class pour la couleur fixe du menu mobile *****/
.mobile  {
    color: #fff !important;	
} 

.menu-mobile:after {
	position: relative;
	float: right;	
	font-family: FontAwesome;
    font-size: 25px;
	color: #fff;
    content: "\f0c9"; 
	-webkit-transform: translateY(-25%);
		-ms-transform: translateY(-25%);
    transform: translateY(-25%);
	top: 50%;
	padding: 0;	 
}

.menu-dropdown-icon:before {
	display: none;
	float: right;
	font-family: FontAwesome;
	color: #333;
    cursor: pointer;	
	content: "";    
    padding: 1.5em 2em;
}

/***** Menu de navigation *****/
.menu > ul {
	position: relative;
	width: 100%;
	text-align: center;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;	
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
	display: inline-block;
	background: #005FA6;  /* 2d2d2d */
	margin-top: 10px;
	padding: 0;	
}

.menu > ul > li a {
	display: block;
	text-decoration: none;
	padding: 1.5em 2em;	
}

.menu > ul > li:hover {
    background: #fff;
	border-radius: 4px 4px 0 0;	
}

.modal > ul > li:hover {
    background: transparent !important;	
}

.menu > ul > li > ul {
	display: none;
	position: absolute;
	background: #fff; /* #f0f0f0 */ 
	box-sizing: border-box;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
	width: 100%;
	max-height: 375px;
	list-style: none;
	margin: 0;
	left: 0;
	padding: 20px;
	overflow-x: auto;
	z-index: 99;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
	float: left;
	background: none;
	width: 20%; /* test */	
	list-style: none;
	margin: 0;
	padding-bottom: 0;	
}

.menu > ul > li > ul > li a {
	display: block;
	width: 95%;
	/*border-bottom: 1px solid #ccc;*/			
	text-align: left; /*justify*/	
	color: #000;
	padding: 4px 0;	
} 

.menu > ul > li > ul > li a:hover {
	display: block;
	width: 95%;
	/*background-color: #555; 
	border-radius: 8px; */	
	font-weight: 700;
	color: #f85c37; 
	padding: 4px 0;	
}

.menu > ul > li > ul > li > ul {
	display: block;
	box-sizing: border-box;	 
	list-style: none;
	margin: 10px 0 0;
	padding: 0;   
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    font-size: 13px;
	font-weight: 300;
	text-align: left; /*justify*/
	/*text-indent: 100px;*/
	margin: 0;
	padding:  0; 
}

/***** Cacher le text indent des fonts  *****/
@media(max-width:991px) {
.menu > ul > li > ul > li > ul > li {	
	font-size: 13px;
	text-indent: 0px !important;    
}

.menu > ul > li > ul {
	display: none;
	position: absolute;
	background: #fff; /* #f0f0f0 */ 
	box-sizing: border-box;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
	width: 100%;
	max-height: 150px !important;
	list-style: none;
	margin: 0;
	left: 0;
	padding: 20px;
	overflow-x: auto;
	z-index: 99;
	}
}

@media(max-width:767px) {
.menu > ul > li > ul > li > ul > li {
	font-size: 13px;
	text-indent: 0px !important;
    }
	
.menu > ul > li > ul {
	display: none;
	position: absolute;
	background: #fff; /* #f0f0f0 */ 
	box-sizing: border-box;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
	width: 100%;
	max-height: 150px !important;
	list-style: none;
	margin: 0;
	left: 0;
	padding: 20px;
	overflow-x: auto;
	z-index: 99;
	}	
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}

/* ----------------------------------------------------
	Mobile style's
––––––––––––––––––––––––––––––––––––––––––––––––––--- */

@media only screen and (max-width: 959px) {
	.menu-container {
		width: 100%;
	}
    .menu-mobile {
        display: block;
	}
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
	.menu > ul > li {
		display: block;
		float: none;
		width: 100%;        
    }
    .menu > ul > li a {
		display: block;
		width: 100%;
		padding: 1.5em;       
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}

/* ----------------------------------------------------
	Class column
––––––––––––––––––––––––––––––––––––––––––––––––––--- */
.leftColumn li, .rightColumn li, .colleft li, .colright li {	
	font-size: 13px;
	font-weight: 300;
}

.leftColumn li {
	float: left; 	
	width: 50%;	
	text-align: justify;
	text-indent: 10px;
}
	
.rightColumn li  {
	float: right;
	text-align: right;
	width: 50%;	
	text-align: justify;
	text-indent: 10px;	
}
	
.colleft li {
	float: left; 	
	width: 50%;	
	text-align: justify;	
}
	
.colleft li a {	
	color: #f85c37 !important;
}
.colleft li a:hover {	
	color: #000 !important;
}	
	
.colright li  {
	float: right;
	text-align: right;
	width: 50%;	
	text-align: justify;	
}

.colright li a {	
	color: #f85c37 !important;
}

.colright li a:hover {	
	color: #000 !important;
}