{behavior: url(csshover.htc);}


/*=================MENU =====MENU============MENU===========*/
			#menu-accordeon {
			  padding:0;
			  margin:0;
			  list-style:none;
			  text-align: center;
			  width: 30px;
			  display: inline-block;
			  position: absolute; 
			  z-index: 100;
			  
			  }
			
			#menu-accordeon ul {
			  padding:100;
			  margin:0;
			  list-style:none;
			  text-align: center;
			  width: 220px;
			  z-index: 100;
			  
			}
			#menu-accordeon li {/*la barre verticale*/
			   background-color:#4B0082; 
			  /* background-image:-webkit-linear-gradient(top, indigo 0%, #ffffff 100%);
			   background-image: linear-gradient(to bottom,indigo 0%, #ffffff 100%);*/
			   border-radius: 6px;
			   margin-bottom:2px;
			   box-shadow: 3px 3px 3px #999;
			   border:solid 0px #ffffff;
			  
			}
			#menu-accordeon li li {/*le fond du menu*/
			   max-height:0;
			   overflow: hidden;
			   transition: all .5s;
			   border-radius:0;
			   background-color:rgba(0, 0, 0, 0);
			   color: #000000;
			   box-shadow: none;
			   border:none;
			   margin:0;
			  
			   
			}
			#menu-accordeon a {/*le bouton du menu*/
				display:block;
				text-decoration: none;
				color: #ffffff;
				padding: 8px 0;
				font-family: verdana;
				font-size:1em;
				background-color:rgba(75, 0 , 130, 0);/*color indigo*/
			}
			#menu-accordeon ul li a, #menu-accordeon li:hover li a {/*le menu sans survol souri*/
			  font-size: .8em;
			  color: #000000;
			  background-color:rgba(75, 0, 130, 0);
			  background-image:-webkit-linear-gradient(top, #ffffff 0%, #4B0082 100%);
			  background-image: -moz-linear-gradient(to bottom, #ffffff 0%, #4B0082 100%);
			  background-image: -o-linear-gradient(to bottom, #ffffff 0%, #4B0082 100%);
			  background-image: linear-gradient(to bottom, #ffffff 0%, #4B0082 100%);
			  border-radius: 2em;  
				-webkit-border-radius: 2em;
				-moz-border-radius: 2em;
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
				-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
			   }	
			#menu-accordeon li:hover {
			   
			   background-color: #4B0082; 
			   color: #89B700;
			   
			}
			/*au passage souri*/
			#menu-accordeon li li:hover { 
			   background: #4B0082;
			   /*font-size: 1.2em;*/
			   color: indigo;
			} 
			#menu-accordeon ul li:last-child {
			   border-radius: 0 0 6px 6px;
			   border:none;
			}
			#menu-accordeon li:hover li {
			  max-height: 15em;
			  
			}
			
			.menu-img{
			  width: 35%;
			  
			}
			
			
			
/*********************************************************
          para movil pantalla maximun de 340px
************************************************************/
@media only screen and (max-device-width: 340px) and (min-device-width: 5px){
	/*=================MENU =====MENU============MENU===========*/
			#menu-accordeon {
			  padding:0;
			  margin:0;
			  list-style:none;
			  text-align: center;
			  width: 30px;
			  display: inline-block;
			  position: absolute; 
			  z-index: 100;
			  
			  }
			
			#menu-accordeon ul {
			  padding:100;
			  margin:0;
			  list-style:none;
			  text-align: center;
			  width: 220px;
			  z-index: 100;
			  
			}
			#menu-accordeon li {/*la barre verticale*/
			   background-color:#4B0082; 
			  /* background-image:-webkit-linear-gradient(top, indigo 0%, #ffffff 100%);
			   background-image: linear-gradient(to bottom,indigo 0%, #ffffff 100%);*/
			   border-radius: 6px;
			   margin-bottom:2px;
			   box-shadow: 3px 3px 3px #999;
			   border:solid 0px #ffffff;
			  
			}
			#menu-accordeon li li {/*le fond du menu*/
			   max-height:0;
			   overflow: hidden;
			   transition: all .5s;
			   border-radius:0;
			   background-color:rgba(0, 0, 0, 0);
			   color: #C9A0DC;
			   box-shadow: none;
			   border:none;
			   margin:0;
			  
			   
			}
			#menu-accordeon a {/*le bouton du menu*/
				display:block;
				text-decoration: none;
				color: #4B0082;
				padding: 8px 0;
				font-family: verdana;
				font-size:1.2em;
				background-color:rgba(75, 0, 130, 0);/*color indigo*/
			}
			#menu-accordeon ul li a, #menu-accordeon li:hover li a {/*le menu sans survol souri*/
			  font-size: 1em;
			  color: #4B0082;
			  background-color:rgba(75, 0, 130, 0);
			  background-image:-webkit-linear-gradient(top, #ffffff 0%, #4B0082 100%);
			  background-image: -moz-linear-gradient(to bottom, #ffffff 0%, #4B0082 100%);
			  background-image: -o-linear-gradient(to bottom, #ffffff 0%, #4B0082 100%);
			  background-image: linear-gradient(to bottom, #ffffff 0%,#4B0082 100%);
			  border-radius: 2em;  
				-webkit-border-radius: 2em;
				-moz-border-radius: 2em;
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
				-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
			   }	
			#menu-accordeon li:hover {
			   
			   background-color: #4B0082; 
			   color: #89B700;
			   
			}
			/*au passage souri*/
			#menu-accordeon li li:hover { 
			   background: #4B0082;
			   /*font-size: 1.2em;*/
			   color: indigo;
			} 
			#menu-accordeon ul li:last-child {
			   border-radius: 0 0 6px 6px;
			   border:none;
			}
			#menu-accordeon li:hover li {
			  max-height: 15em;
			  
			}
	
			.menu-img{
			  width: 35%;
			  
			}
}

/*********************************************************
          para movil pantalla maximun de 680px
************************************************************/
@media only screen and (max-device-width: 680px) and (min-device-width: 341px){
	
	/*=================MENU =====MENU============MENU===========*/
			#menu-accordeon {
			  padding:0;
			  margin:0;
			  list-style:none;
			  text-align: center;
			  width: 30px;
			  display: inline-block;
			  position: absolute; 
			  z-index: 100;
			  
			  }
			
			#menu-accordeon ul {
			  padding:100;
			  margin:0;
			  list-style:none;
			  text-align: center;
			  width: 220px;
			  z-index: 100;
			  
			}
			#menu-accordeon li {/*la barre verticale*/
			   background-color:#4B0082; 
			  /* background-image:-webkit-linear-gradient(top, indigo 0%, #ffffff 100%);
			   background-image: linear-gradient(to bottom,indigo 0%, #ffffff 100%);*/
			   border-radius: 6px;
			   margin-bottom:2px;
			   box-shadow: 3px 3px 3px #999;
			   border:solid 0px #ffffff;
			  
			}
			#menu-accordeon li li {/*le fond du menu*/
			   max-height:0;
			   overflow: hidden;
			   transition: all .5s;
			   border-radius:0;
			   background-color:rgba(0, 0, 0, 0);
			   color: #C9A0DC;
			   box-shadow: none;
			   border:none;
			   margin:0;
			  
			   
			}
			#menu-accordeon a {/*le bouton du menu*/
				display:block;
				text-decoration: none;
				color: #4B0082;
				padding: 8px 0;
				font-family: verdana;
				font-size:1.2em;
				background-color:rgba(75, 0, 130, 0);/*color indigo*/
			}
			#menu-accordeon ul li a, #menu-accordeon li:hover li a {/*le menu sans survol souri*/
			  font-size: 1em;
			  color: #4B0082;
			  background-color:rgba(75, 0, 130, 0);
			  background-image:-webkit-linear-gradient(top, #ffffff 0%, #4B0082 100%);
			  background-image: -moz-linear-gradient(to bottom, #ffffff 0%, #4B0082 100%);
			  background-image: -o-linear-gradient(to bottom, #ffffff 0%, #4B0082 100%);
			  background-image: linear-gradient(to bottom, #ffffff 0%,#4B0082 100%);
			  border-radius: 2em;  
				-webkit-border-radius: 2em;
				-moz-border-radius: 2em;
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
				-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
			   }	
			#menu-accordeon li:hover {
			   
			   background-color: #4B0082; 
			   color: #89B700;
			   
			}
			/*au passage souri*/
			#menu-accordeon li li:hover { 
			   background: #4B0082;
			   /*font-size: 1.2em;*/
			   color: indigo;
			} 
			#menu-accordeon ul li:last-child {
			   border-radius: 0 0 6px 6px;
			   border:none;
			}
			#menu-accordeon li:hover li {
			  max-height: 15em;
			  
			}
	
			.menu-img{
			  width: 35%;
			  
			}
}


	
/*********************************************************
          para movil pantalla maximun de 680px
************************************************************/
@media only screen and (max-device-width: 680px) and (min-device-width: 341px){
	
	/*=================MENU =====MENU============MENU===========*/
			#menu-accordeon {
			  padding:0;
			  margin:0;
			  list-style:none;
			  text-align: center;
			  width: 30px;
			  display: inline-block;
			  position: absolute; 
			  z-index: 100;
			  
			  }
			
			#menu-accordeon ul {
			  padding:100;
			  margin:0;
			  list-style:none;
			  text-align: center;
			  width: 220px;
			  z-index: 100;
			  
			}
			#menu-accordeon li {/*la barre verticale*/
			   background-color:#4B0082; 
			  /* background-image:-webkit-linear-gradient(top, indigo 0%, #ffffff 100%);
			   background-image: linear-gradient(to bottom,indigo 0%, #ffffff 100%);*/
			   border-radius: 6px;
			   margin-bottom:2px;
			   box-shadow: 3px 3px 3px #999;
			   border:solid 0px #ffffff;
			  
			}
			#menu-accordeon li li {/*le fond du menu*/
			   max-height:0;
			   overflow: hidden;
			   transition: all .5s;
			   border-radius:0;
			   background-color:rgba(0, 0, 0, 0);
			   color: #C9A0DC;
			   box-shadow: none;
			   border:none;
			   margin:0;
			  
			   
			}
			#menu-accordeon a {/*le bouton du menu*/
				display:block;
				text-decoration: none;
				color: #4B0082;
				padding: 8px 0;
				font-family: verdana;
				font-size:1.2em;
				background-color:rgba(75, 0, 130, 0);/*color indigo*/
			}
			#menu-accordeon ul li a, #menu-accordeon li:hover li a {/*le menu sans survol souri*/
			  font-size: 1em;
			  color: #4B0082;
			  background-color:rgba(75, 0, 130, 0);
			  background-image:-webkit-linear-gradient(top, #ffffff 0%, #4B0082 100%);
			  background-image: -moz-linear-gradient(to bottom, #ffffff 0%, #4B0082 100%);
			  background-image: -o-linear-gradient(to bottom, #ffffff 0%, #4B0082 100%);
			  background-image: linear-gradient(to bottom, #ffffff 0%,#4B0082 100%);
			  border-radius: 2em;  
				-webkit-border-radius: 2em;
				-moz-border-radius: 2em;
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
				-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
			   }	
			#menu-accordeon li:hover {
			   
			   background-color: #4B0082; 
			   color: #89B700;
			   
			}
			/*au passage souri*/
			#menu-accordeon li li:hover { 
			   background: #4B0082;
			   /*font-size: 1.2em;*/
			   color: indigo;
			} 
			#menu-accordeon ul li:last-child {
			   border-radius: 0 0 6px 6px;
			   border:none;
			}
			#menu-accordeon li:hover li {
			  max-height: 15em;
			  
			}
	
			.menu-img{
			  width: 35%;
			  
			}
}