body{
	font-family:Verdana, calibri, sans-serif;
	margin:0px;
	padding:0px;
	font-size:12px;
	background-image:url(../img/images.png);
	background-attachment:fixed;
}

a{
	text-decoration: none;
	border-bottom: 0px solid #f8b324;
	color: #f8b324;
}
a:hoverrrr,
a:focussss {
	border-bottom: 1px dashed #FFFFFF;
}
nav{
	width:100%;
	background-color:#003d00;
		
}
nav > ul{
	margin:0px;
	padding:0px;
}

@media (max-width:641px){
	/*display:inline-block;	*/
}

@media (min-width:641px){
	nav a{
		display:inline-block;
	}
}

nav a{
	text-decoration:none;
}


nav > ul > li > a{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 13px;
	padding-right: 13px;
	color:#fff;
}

.shCat:hover{
	color: white;
}

nav > ul > li:hover a{
	padding: 10px 20px;
	
}

nav > ul::after{
	content:"";
	display:table;
	clear:both;
}

nav li{
	list-style-type:none;
}

nav > ul > li{
	float:left;
	/*width:8.72%;*/
	position:relative;
	display:flex;
}




















nav li:hover li{
	max-height:15em;
}


nav li li{
	max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   box-shadow: none;
   border:none;
   margin:0
}















#ide{
	float:left;
	padding: 15px 20px;
	width:4%;
	
}






@media screen and (min-width: 1100px){
	.slideDislay{
		position: inherit;
		margin-left: 51px;
		margin-right: 51px;
	  }

	  

	.plateforme_xs{
		display:none;
	}
	.plateforme_lg{
		display:block;
	}
	
	nav li:hover .sousmenuleft{
		display:inline-block;
		position: absolute;
		background-color:#ffffff;
		top:100%;
		left:0px;
		padding:0px;
		z-index:1000;
	}
	
	nav li:hover .sousmenuright{
		display:inline-block;
		position: absolute;
		background-color:#ffffff;
		top:100%;
		right:0px;
		padding:0px;
		z-index:1000;
	}
}





@media screen and (max-width: 1100px){
	
	.plateforme_xs{
		display:block;
	}
	.plateforme_lg{
		display:none;
	}
	
	nav li:hover .sousmenuleft{
		display:inline-block;
		position: absolute;
		background-color:#f8b324;
		top:50%;
		left:30%;
		width: 70%;
		padding:0px;
		z-index:1000;
		color:#003d00;
	}
	
	nav li:hover .sousmenuright{
		display:inline-block;
		position: absolute;
		background-color:#f8b324;
		top:50%;
		left:30%;
		width: 70%;
		padding:0px;
		z-index:1000;
		color:#003d00;
	}
	
	
}


nav input[type=checkbox]{
	display:none;
}

nav label{
	display:none;
}


.sousmenuleft{
	display:none;
	background-color:#f8b324;
	color:#003d00;
}

.sousmenuright{
	display:none;
	background-color:#f8b324;
	color:#003d00;
}

.sousmenuleft li a{
	padding:5px 20px;
	font-size:12px;
	text-align:left;
	color:#424558;
	width:230px;
	color:#003d00;
}

.sousmenuright li a{
	padding:5px 20px;
	font-size:12px;
	text-align:left;
	color:#424558;
	width:240px;
	color:#003d00;
}

.sousmenuleft li{
	white-space:nowrap;
}

.sousmenuright li{
	white-space:nowrap;
}

.MenuA:hover{
	border-top:5px solid #f8b324;
	background-color:#efbc53;
	text-decoration: none;
}
.shCat:hover{
	text-decoration: none;
}
.MenuA .sousmenuleft{
	border:solid;
	border-width:5px;
	border-color:#f8b324;
	background-color:#FFFFFF;
}

.MenuA .sousmenuright{
	border:solid;
	border-width:5px;
	border-color:#f8b324;
	background-color:#FFFFFF;
}


nav input[type=checkbox]:checked + ul{
	display: Block;
	}


@media screen and (max-width: 1100px){
	.menu-mobilele{
		display : block;
		color: #fff;
		background-color: RGBa();
		Text-align: center;
		padding: 15px 15px;
	}
	
	nav ul, nav ul li {
        width: 100%;
		text-align: left;
        flex-flow: row wrap;
        
    }
	
	
		
	nav ul{
		display: none;
		
	}
}