@charset "utf-8";

/* MEDIA QUERIES */

/*tjs mettre de facon croissante les max-width puis les min-width*/
@media screen and (min-width: 1025px) {

}
@media screen and (max-width: 1024px) {

	
}

.clear {
	clear: both;
	visibility: hidden;
}
.box_list {
	float: left;
	width:150px;/*IE sucks*/
	min-width:150px;
	width: 100%;
}
.box_list:first-of-type {
	margin-right: 5%;
}
.navigation {
  margin: 10px 5px;
  padding: 0;
  list-style: none;
  color: #000;
}
.navigation a, .navigation span {
  display: block;
  text-decoration: none;
  /*min-height: 25px;*/
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
  background-image: url(../images/btn_open.png);
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 20px;
}

.navigation a:hover, .navigation a:focus, .navigation a:active {
  text-decoration: underline;
  border-bottom: 1px solid #fff;
}
.navigation .subMenu {
  margin: 0;
  padding: 0;
}
.navigation ul.subMenu a {
  padding: 0 10px 0 20px;
  background: none;
}

.navigation ul.children{
	display:none;
	margin: 5px;
   padding: 5px;
}
.navigation li {
padding-left: 20px;
}

.navigation .parent {
  background-image: url(../images/btn_close.png);
  background-repeat: no-repeat;
  background-position: left top;
  
}

.navigation li.opened
 {/*Attention la regle doit passer avant la precedente*/
  background-image: url(../images/btn_open.png);
}