Team:Toulouse/template/header-base

<html>
<head>

<style type="text/css">

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

.clear{
clear:both;
}

#footer-box{
display:none;
}

#top-section{
border:none;
height:0px;
}

#catlinks,
.firstHeading,
#p-logo,
#search-controls{
display:none;
}

/* LAYOUT SITE IGEM TOULOUSE 2014 */

#content{
width:100%;
margin:0;
padding:0;
border:none;
line-height: none;
}

body{
  padding:0;
  margin: 0;
  background-color : #ffffff;
  font-family : Helvetica, sans-serif;
}

#innercontenthome{
width:960px;
margin:0 auto;
}


/* style pour header */
.l-header{
  width:100%;
  height:105px;
}

.navbar-header{
width:960px;
margin: 0 auto;
}

.logo-head{
width:224px;
height:49px;
float:left;
padding-top:8px;
}

.nav{float:right; margin-top:20px;}

.nav li{
 display:inline;
 padding:0 30px 0 0;
 text-align:right;
}

.nav li:last-child{
 padding:0 0 0 0;
}

.nav li a{font-family:'Open Sans';font-weight:600;color:black; text-decoration:none;}

.nav li a:hover{color:#7bedab;}
.nav li a:focus,
.nav li a:active{color:2ecc71;}

/*deroulement du menu*/
#Menu {
    position : absolute;
    width : 100%;
    min-width :780px;
    max-width : 1400px;
    top : 0;
}

.Item {
    position : absolute;
    text-align : center;
    display : inline-block;
    min-Height : 150px;
    text-decoration: no underline;
}

.Item a{
    color : black;
    text-shadow:3px 3px 5px #FFFFFF;
}

.sub-nav {
    display: none; /* Masque la sous-liste */
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
    list-style-type: none;
    list-style-image : url(#);
    padding: 0;
    margin-left: 1em;
    left : 25px;
    }

.sub-nav-item{
    background-image : url(https://static.igem.org/mediawiki/2014/7/72/Fond_sub_nav.png);
    background-size: 100% 100%;
    text-align : left;
}

.Item:hover .sub-nav {
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
    background-color: transparent; 
    Z-index : 4;    
}

</style>

</head>

<body>

<!--/* open Sans : font Google*/-->

  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>

  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>

<!-- Bar Header -->
  <div class="l-header">
      
      <div class="navbar-header">
        <a href="" class="logo-head"><img src="https://static.igem.org/mediawiki/2014/1/18/Template-igem2014-logo.png" alt="logo-igem"/></a>
        <!-- Navigation bar -->
           </html>{{:Team:Toulouse/template/navigation}}<html>
      </div>

   <div class="clear"></div>

</body>
</html>