/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 25.01.2010
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

i, ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: block;
}

#menu {
	width:900px;
    position:relative;
    z-index:2;
	height:72px;
    /*height:28px;*/
}
#menu .menu {
    position:absolute;
	left:120px;
	width:830px;
}
#menu * {
    list-style:none;
    border:0;
    margin:0;
}

#menu li>a {
    display:block;
	/*padding:2px 7px 2px 8px;*/
    padding:17px 15px 27px 15px;
    white-space:nowrap;
}
#menu ul li ul {
	/*border:1px solid #c4c4c4;*/
	/*-moz-box-shadow: 0px 1px 2px 0px #999;-webkit-box-shadow: 0px 1px 2px 0px #999;-o-box-shadow: 0px 1px 2px 0px #999;box-shadow: 0px 1px 2px 0px #999;filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);*/

}

#menu ul li ul li span {
	text-transform:none;
    line-height:30px;
	border-bottom: 1px solid #E5E5E5;
}
#menu li {
    float:left;
    background:#fff;
	padding:0 0 0 0px;
}
#menu li li {
    float:none;
    /*_border:1px solid #c4c4c4; */
}
#menu div {
    visibility:hidden;
    position:absolute;
	/*margin:0 0 0 -1px;*/
	-moz-box-shadow: 0px 1px 2px 0px #999;-webkit-box-shadow: 0px 1px 2px 0px #999;
	-o-box-shadow: 0px 1px 2px 0px #999;
	box-shadow: 0px 1px 2px 0px #999;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);*/
}
#menu div div {
    margin:-39px 0 0 0px;
    left:100%;
	/*-moz-box-shadow: 0px 1px 2px 0px #999;-webkit-box-shadow: 0px 1px 2px 0px #999;-o-box-shadow: 0px 1px 2px 0px #999;box-shadow: 0px 1px 2px 0px #999;filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);*/
}
#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
#menu a {
    text-decoration:none;
    color:#fff;
    position:relative;
    z-index:77;
}

#menu input {
	border:1px solid #333;
	margin-left:4px;
	margin-top:0px;
	width:100px;
	line-height:19px;
	height: 21px;
	padding-left:2px;
	padding-right:23px;
    background-image:url(//www.windev.com/img/accueil/search.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#menu li>a:hover {
    background:url(//www.windev.com/img/menu/back-gris.gif);
    color:#000;
}

/*#menu a:hover span { color:#f4de13; }*/

/* */
#menu>ul>li:hover>a {
	background:#f4de13;
	color:#000;
	-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;
}

#menu>ul>li>a {
	-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;
}

#menu>ul>li>div>ul>li:hover>a {
	background:#f4de13;
	-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;
    /*background:url(//www.windev.com/img/menu/back-jaune.gif);*/
}

#menu>ul>li>div>ul>li:hover>a {
	background:#f4de13;
	-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;
    /*background:url(//www.windev.com/img/menu/back-jaune.gif);*/
}


#menu>ul>li:hover>a span { color:#000; }
#menu span {
    /*text-transform:uppercase;*/
    font:300 18px/28px "Open Sans";
    color:#000;
	/*text-transform:uppercase;*/
}
#menu li { background:none; }
/* menu::level >= 2 */
#menu li li a {
    padding:0;
    position:static;
}
#menu li a span { color:#000; }
/*#menu li a.parent span { color:#FF0000; }*/

#menu li li a:hover { background:#f4de13; }
#menu li li a span { color:#000; }
#menu li li a:hover span { color:#000; }
#menu li li a.parent span { background:url(//www.windev.com/img/menu/pointer-noir-long.gif) no-repeat right center; }
*+html #menu li li a.parent span { background-position:right 10px; }
#menu li li span {
    display:block;
    text-transform:none;
    line-height:14px;
    padding:4px 25px 4px 8px;
    font-size:15px;
}
#menu li div { 
	background:url(//www.windev.com/img/menu/back-gris.gif); 
	z-index:80;
}
#menu li div div { background:url(//www.windev.com/img/menu/back-gris-fonce.gif); }
/** <fix for ie6> */
#menu div div {
    _margin-top:-25px;
    _background:#c4c4c4;
}
#menu li li li { _border:1px solid #c4c4c4; }
#menu div div div { _background:#c4c4c4; }
#menu li li li li { _border:1px solid #c4c4c4; }
/** </fix for ie6> */

/* lava lamp */
div#menu li.back {
    width:10px;
    height:22px;
    z-index:8;
    position:absolute;
}
div#menu li.back .left {
    width:auto;
    height:22px;
    float:none;
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}
.search-box {
    background: url(//www.windev.com/img/2014/recherche.png) no-repeat;
	background-position: center;
	background-color:#FFF;
    font: 18px 'Open Sans';
	float:right;
    width:24px;
	height:48px;
	cursor:pointer;
	border:0px;
    padding: 5px 5px 5px 40px;
	-webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	color:transparent;
	margin:0;
	margin-top:6px;
	border: 1px solid #FFFFFF;
}

.search-vide {
	background-position: center;
	background-color:#FFF;
    font: 18px 'Open Sans';
	float:right;
    width:24px;
	height:48px;
	cursor:pointer;
	border:0px;
    padding: 5px 5px 5px 40px;
	margin:0;
	margin-top:6px;
}

.search-box:focus {
	background-position: left 10px center;
    background-color:#FFF;
	border: 1px solid #D2D2D2;
    color: #777;
    width: 300px;
    outline: none;
	margin:0;
	margin-top:6px;
}