Team:Toulouse

{{CSS/Main}}

<html>
<head>
<!-- this section changes the default wiki template to a white full width background -->
<style type="text/css">

/* Removing wiki-like stuff */
/****************************/
#contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
    display:none;}

/* Redesigning the topmenu */
/***************************/
body {
    : 0 0 0 0;
    padding: 0;}
#top-section {
    width: 965px;
    height: 0;
    margin: 0 auto ;
    padding: 0;
    border: none;}
#menubar {
    font-size: 100%;
    top:-8px;}
.left-menu:hover {
    background-color: transparent;}
#menubar li a {
    background-color: transparent;}
#menubar:hover {
    color: black;}
#menubar li a {
    color: transparent;}
#menubar:hover li a {
    color: black;}
#menubar > ul > li:last-child {
    display:none;}

/* Layout */
/**********/

body, #heading, #innercontent, #innercontenthome {
    background-color : #ffffff;
    font-family : Helvetica, sans-serif;
    font-size : 16px;
    }
    
#innercontenthome{
    margin-top:-13px;
    }
    
#content, #globalWrapper {
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    }
    
.centering {
    margin: 0 auto;
    width: 965px;
    }

.clear{
    clear:both;
}


/*background Header*/
#bgHeader{
    position : absolute; 
    left : 0px;
    top : 0px;
    z-index:0;
    width : 100%;
    min-width : 700px;
    max-width : 1200px;
    background-color : transparent;
    
}

/* Barre de Menu*/
.btHeaderA{ 
    position : relative;
    z-index:2;
    width: 100%;
	height: auto;
}

.btHeaderB{
    position : absolute;
    z-index:1;
    width: 100%;
	height: auto;
}

.btHeaderC{
    z-index:3;
    position: relative;
    top : 45px;
    text-align: center;
    width: auto;
	height : auto;
     
}

.btHeaderA:hover{
    z-index:1;
}

.btHeaderB:hover{
    top : 0px;
    z-index : 3;
}

img.headerbutton{
    max-width : 100px;
    width : 100%;
	height : auto;
}

img.headerbutton:hover{
    max-width : 110px;
    width : 100%;
	height : auto;
}

#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 */
}

.sub-nav-item{
    background-color: transparent;
}

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

/*Footer*/
#Footer{
    width : 100%;
    background-image:url(https://static.igem.org/mediawiki/2014/2/2b/Background_G.png);
    background-position:center center;
    background-size: 100% 100%;
    font-family: verdana;
}

/* Slider (thanks to flowplayer.org) */
/*************************************/
.scrollable {
	/* required settinsg */
	position: relative;
	overflow :hidden;
    margin-top: 14px;
    width: 970px;
    height: 400px;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
    background: #FFFFFF;
    }
    
.scrollable .items {
	/* this cannot be too large */
	width: 50000px;
	position: absolute;
    }
    
.items div {
	float: left;
	width: 970px;
	height: 400px;
    }
    
.prev {
        background: url(https://static.igem.org/mediawiki/2011/8/81/DTU-Denmark2011-slider-prev.png) no-repeat;
        height: 74px;
        width: 74px;
        position: absolute;
            left: -486px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
            top: 350px;
        margin-left: 50%;
        cursor: pointer;
        }
        
.next {
        background: url(https://static.igem.org/mediawiki/2011/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
        height: 74px;
        width: 74px;
        margin-right: 50%;
        position: absolute;
            right: -488px; 
            top: 350px;
        cursor: pointer;
        }
        
.disabled {
        visibility: hidden;}

/* Slider (thanks to flowplayer.org) */
     /*------- gallery ----------*/

#slideshow {
    position:relative;
    height:391px;
    margin-top:20px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:;
}

#slideshow img.active {
    z-index:2;
}

#slideshow img.last-active {
    z-index:1;
}

</style>

<!-- STYLESHEET -->
<!-- *********** --

    <link rel="stylesheet" href="https://2013.igem.org/Team:INSA_Toulouse/template/stylesheet?action=raw&amp;ctype=text/css" type="text/css" />


    <link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:INSA_Toulouse/template/stylesheetslide&amp;action=edit" type="text/css" />

</head>

<body >
<!--main content -->
<table width="100%" align="center">

<!--navigation menu -->
<div style="background-color : transparent" >
<img id="bgHeader" src="https://static.igem.org/mediawiki/2014/f/f2/Branch_col.png" alt="header background" />
</div>

<div id="Menu" style="background-color:transparent;">

    <div class="Item" style="left :5%;">  
        <a href="https://2014.igem.org/Team:Toulouse"style="color:#000000">
        <div class="btHeaderA" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/0/0e/Bt_home_1.png"/></div>
        <div class="btHeaderB" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/9/96/Bt_home_2.png"/></div>
        <div class="btHeaderC">Home</div> 
        </a>
    </div>
    
    <div class="Item" style="left :15%"> 
        <a href="https://2014.igem.org/Team:Toulouse/Team"style="color:#000000"> 
        <div class="btHeaderA" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/a/a4/Bt_team_1.png" /></div>
        <div class="btHeaderB" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/8/84/Bt_team_2.png" /></div>
        <div class="btHeaderC" align="center">Team</div> 
        </a>
        <ul class="Item sub-nav">
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team" class="leaf">Our Team</a></li>
            <li class="sub-nav-item" align="left"><a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse" class="leaf"> Official Team Profile </a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Ethique" class="leaf">Ethique</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Contact" class="leaf">Contact</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery" class="leaf">Gallery</a></li>
        </ul>
    </div>

    <div class="Item" style=" left :25%">  
        <a href="https://2014.igem.org/Team:Toulouse/Project"style="color:#000000">
        <div class="btHeaderA" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/e2/Bt_project_1.png"/></div>
        <div class="btHeaderB" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/4/42/Bt_project_2.png"/></div>
        <div class="btHeaderC" align="center">Project</div>
        </a>
        <ul class="Item sub-nav">
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Overviews" class="leaf">Overviews</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fixation" class="leaf">Fixation</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="leaf">Chemotaxis</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fungicide" class="leaf">Fungicide</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Spreading" class="leaf">Spreading</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Modeling" class="leaf">Modeling</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Parts" class="leaf">Parts</a></li>
        </ul>
    </div>
    
    <div class="Item" style=" left :35%">  
        <a href="https://2014.igem.org/Team:Toulouse/Human_Practice"style="color:#000000">
        <div class="btHeaderA" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/2/27/Bt_human_1.png"/></div>
        <div class="btHeaderB" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/ee/Bt_human_2.png"/></div>
        <div class="btHeaderC" align="center" style="Top : 18px;">Human <br> Practice</div>
        </a>
        <ul class="Item sub-nav">
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Safety" class="leaf">Safety</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Ethique" class="leaf">Ethique</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Meeting" class="leaf">Meeting</a></li>
        </ul>
    </div>
    
    <div class="Item" style=" left :45%" >  
        <a href="https://2014.igem.org/Team:Toulouse/Notebook"style="color:#000000"> 
        <div class="btHeaderA" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/d/d3/Bt_notebook_1.png" /></div>
        <div class="btHeaderB" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/c/c0/Bt_notebook_2.png" /></div>
        <div class="btHeaderC" align="center">Notebook</div>
        </a>
        <ul class="Item sub-nav">
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar" class="leaf">Calendar</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Protocols" class="leaf">Protocols</a></li>
        </ul>
    </div>

    <div class="Item" style=" left : 55%"> 
        <a href="https://2014.igem.org/Team:Toulouse/Attributions"style="color:#000000"> 
        <div class="btHeaderA" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/6a/Bt_attributions_1.png"/></div>
        <div class="btHeaderB" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/66/Bt_attributions_2.png"/></div>
        <div class="btHeaderC" align="center">Attributions</div>
        </a>
        <ul class="Item sub-nav">
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Attributions" class="leaf">Attributions</a></li>
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Sponsors" class="leaf">Sponsors</a></li>
        </ul>
    </div>

    <div class="Item" style="left :70%; Z-index:4;" align ="center"  width="60px" > 
        <a href="https://2014.igem.org/Main_Page"> 
        <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px">
        </a>
    </div>

</div>

<!--end navigation menu -->

<tr height="160px"></tr>

<center><td bgColor="#e7e7e7"  height="1px" width="600px"></center>

<tr height="45px"></tr>
</table>

<!--Slideshow-->

<p>

    <div id="innercontenthome">
        <div class="centering">
   

</p><p>
<!--/* open Sans : fonnt 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'>


 
<!--/* CSS contenu PROPRE à cette page*/-->

    <!-- jQuery Tools (slider) -->
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
    <script>
        $(function() {
	    // initialize scrollable
	    $(".scrollable").scrollable().navigator();
        });
    </script>

<!-- Slider -->

            <div class="scrollable"> 
               <div class="items">
                  <div>
                   <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews"><img src="https://static.igem.org/mediawiki/2014/a/a8/Intro_3colori.jpg" alt="Title"/></a>
                  </div>

                 <div>
                   <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews"><img src="https://static.igem.org/mediawiki/2014/b/b9/Overviews_color.png" alt="Introduction"/></a>
                  </div>


                  <div>
                   <a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis"><img src="#" alt="Chemotaxis"/></a>
                  </div>


                 <div>
                   <a href="https://2014.igem.org/Team:Toulouse/Project/Fixation"><img src="#" alt="Fixation"/></a>
                  </div>
                  <div>
                   <a href="https://2014.igem.org/Team:Toulouse/Project/Fungicide><img src="#" alt="Fungicide"/></a>
                  </div>

                  <div>
                     <a href="https://2014.igem.org/Team:Toulouse/Project/Spreading><img src="#" alt="Spreading" /></a>
                  </div>


                  <div>
                     <a href="https://2014.igem.org/Team:Toulouse/Team"><img src="#" alt="Team" /></a>
                  </div>

                  <div>
                     <a href="https://2014.igem.org/Team:Toulouse/Sponsors"><img src="#" alt="Sponsor"/></a>
                  </div>

               </div>
            </div>
            <div class="prev"></div>
            <div class="next"></div>
            <div class="navi"></div>

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

       <!-- jQuery Tools (gallery) -->

    <script>

function slideSwitch() {
    var $active = $('#slideshow img.active');
    var $next = $active.next();    
    
    $next.addClass('active');
    
    $active.removeClass('active');
}

$(function() {
    setInterval( "slideSwitch()", 2000 );
});
    </script>

<!--SPONSOR-->
<img src="https://static.igem.org/mediawiki/2014/0/05/Image_sponsor.png" alt="Bandeau Sponsor">

<!-- Footer -->

<div id="Footer" >
<table align="center" style="width : 100%; background-color : transparent">
    <td width="5px"></td>
    <td style="width: 35px;" align="center">
        <a href="https://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"><img src="https://static.igem.org/mediawiki/2013/f/fc/Insa-toulouse2013-iconfacebook.png" alt="Facebook" /></a>
        <br> <br>
        <a href="https://twitter.com/iGEM_Toulouse"><img src="https://static.igem.org/mediawiki/2013/7/7b/Insa-toulouse2013-icontwitter.png" alt="Twitter" /></a>
        <br>
    </td>
    <td width="15px"></td>
    <td>
        <p><b> iGEM Toulouse</b><br><address>
        INSA Toulouse <br>135, Avenue de Rangueil <br>
        31400 TOULOUSE <br></address> 
        <br>e-mail: <span><a href="mailto:igemtoulouse2014@gmail.com"> igemtoulouse2014@gmail.com</a></span></p>
    </td>
    <td align="right">
        <a href="https://2013.igem.org/Main_Page">
            <img style="width:170px" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png"/img>
        </a>
    </td>
   </table>
</div>
</html>