/***************************************************************
*  Copyright notice
*
*  (c) 2009 PF bioinformatique de Toulouse <>
*  All rights reserved
*
*  This script is part of the TYPO3 project. The TYPO3 project is
*  free software; you can redistribute it and/or modify
*  it under the terms of the GNU General Public License as published by
*  the Free Software Foundation; either version 2 of the License, or
*  (at your option) any later version.
*
*  The GNU General Public License can be found at
*  http://www.gnu.org/copyleft/gpl.html.
*
*  This script is distributed in the hope that it will be useful,
*  but WITHOUT ANY WARRANTY; without even the implied warranty of
*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*  GNU General Public License for more details.
*
*  This copyright notice MUST APPEAR in all copies of the script!
***************************************************************/

/********************************
 *
 * Global style
 *
 ********************************/

body {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background: none repeat scroll 0 0 #E8EAEA;
    /* color: black; */
    font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
    font-size : 13px;
    line-height: normal;
}
a img { border: 0; }

#global {
	width: 1200px;
	margin: 0 auto;
}

.sub-content {
	background-color: white;
    border: 1px solid lightgray;
    float: none;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
    width: auto;
}
.sc-top {
	box-shadow: 0 5px 5px -6px grey;
	border-top: none;
	margin-bottom: 15px;
}

.sc-bottom {
	box-shadow: 0 -5px 5px -7px grey;
	border-bottom: none;
}
.sc-top-bottom {
	box-shadow: 0 5px 5px -6px grey;
	box-shadow: 0 -5px 5px -7px grey;
}

.ng6-content-header-left {
    box-shadow: -4px 0 5px -5px grey, 5px 0 5px -6px grey;
    margin: 0;
    margin-left: 10px;
    margin-right: 20px;
    padding: 10px;
    width: 400px;
    min-height: 275px;
    text-align: justify;
    float: left;
    background-color: #FaFaFa;
}
.ng6-content-header-right {
    box-shadow: -4px 0 5px -5px grey, 5px 0 5px -6px grey;
    margin: 0;
    padding: 10px;
    width: 710px;
    text-align: justify;
    float: left;
    background-color: #FaFaFa;
}
.ng6-content-header-right-white {
    margin: 0;
    padding: 10px;
    width: 585px;
    text-align: justify;
    float: right;
}

/********************************
 *
 * header
 *
 ********************************/

#ng6-header { background: url(../Images/bando-logo2.png) 50% 35px no-repeat #222426; border-bottom: 1px solid black;}
#ng6-header h1 { margin: 15px 0 0 0; padding: 0; height: 66px; font-size: 15px; line-height: 1; }
#ng6-header-inside { position: relative; width: 1200px; margin: 0 auto; }

#evitement  { margin: 0; padding: 0; padding-top: 10px; list-style: none; }
#evitement li { display: inline; color : #888; font-size: 0.85em; margin-right: 15px; }
#evitement li a { color : #F1F1F1; text-decoration: none; font-weight: bold; }
#evitement li a:hover, #evitement li a:focus { color : #567f87; }

#sous-menu { width: 1200px; height: 66px; margin: 0 auto; background:  url(../Images/menu-bg.png) left top no-repeat; margin-top:-7px; }
#sous-menu ul { padding: 21px 0 0 10px; list-style: none; margin-left: 0px;}
#sous-menu ul li { margin-right: 15px; display: inline; }
#sous-menu li a { text-decoration: none; color: #fff; font-size: 1.5em; font-weight: bold; font-variant: small-caps; }
#sous-menu li.homeitem { margin-right:5px; }
#sous-menu li.homeitem a { padding-left:5px; padding-right:5px; }
#sous-menu li a:hover, #sous-menu li a:focus, #sous-menu li a:active { border-bottom:8px solid #fff; }
#sous-menu li.act a { border-bottom:8px solid #fff; }

.ng6-sep { position: relative; z-index: 1; }
.ng6-sep-inside { height:13px; margin: 1px auto; width: 1200px; }
.ng6-sep-inside p { margin: 0 0 0 30px; font-size: 0.8em; }

#ng6-header-sep .ng6-sep-inside { box-shadow: 0 5px 5px -5px grey; }
#ng6-footer-sep .ng6-sep-inside { box-shadow: 0 -5px 5px -5px grey; }

/********************************
 *
 * footer
 *
 ********************************/

#ng6-footer {
	background: url("../Images/footer-glow.png") no-repeat scroll center top #2A2D30;
    color: #FFFFFF;
    /* position: relative; */
    border-top: solid 1px #141414;
}

#ng6-footer-cols {
	margin: 0;
	padding: 0;
	margin-left: auto;
    margin-right: auto;
    width: 1000px;
    color: #BBBABA;
    display: block;
    line-height: 1.5em;
    overflow: hidden;
    text-align:justify;
}
#ng6-footer-cols li.ng6-col {
    display: block;
    float: left;
    font-size: 12px;
    margin-bottom: 30px;
    margin-left: 30px;
    width: 293px;
}
#ng6-footer-cols li.ng6-col2 {
	width: 616px;
}
#ng6-footer-cols li.ng6-col > h6 {
    color: #D7D7D7;
    margin-bottom: 20px;
    margin-top: 30px;
    text-shadow: 0 -2px rgba(0, 0, 0, 0.8);
    font-size: 20px;
    font-family: 'Ubuntu',arial,serif;
    font-weight: lighter;
    line-height: 1.4em;
}
#ng6-footer-cols li.clear-col {
    clear: left;
}
#ng6-footer-cols li.ng6-col ul {
    display: block;
}
#ng6-footer-cols li.ng6-col ul li {
    display: block;
    line-height: 1.7em;
}
#ng6-footer-cols li.ng6-col ul li.ng6-page_item {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #4A4A4A;
    display: block;
    line-height: 3.5em;
    padding-left: 30px;
    -webkit-transition: padding-left .5s ease-in-out;
	   -moz-transition: padding-left .5s ease-in-out;
	    -ms-transition: padding-left .5s ease-in-out;
	     -o-transition: padding-left .5s ease-in-out;
	        transition: padding-left .5s ease-in-out;
	background-size: 25px 75px;
}
.gbp { background: url('../Images/genotoul-bioinfo-logo-small.png') no-repeat scroll 0 3px transparent; }
.ggp { background: url('../Images/genotoul-genomic-logo-small.png') no-repeat scroll 0 3px transparent; }
.sp { background: url('../Images/logo_sigenae_cercle_thumb.png') no-repeat scroll 0 3px transparent; }
#ng6-footer-cols li.ng6-col ul li.ng6-page_item:hover {
	padding-left: 36px;
	background-position: 0 -36px;
}
#ng6-footer-cols li.ng6-col ul li:first-child {
    border-top: medium none;
}
#ng6-footer-cols li.ng6-col ul li:last-child {
    border-bottom: medium none;
}
#ng6-footer-cols li.ng6-col ul li a {
    text-decoration: none;
    color: #F1F1F1;
    font-weight: bold;
}
#ng6-footer-cols li.ng6-col ul li a:hover {
	color: #567f87;
}
.ng6-bottom {
    background: url("../Images/bottom-shadow.png") repeat-x scroll 0 0 #222426;
    color: #868686;
    font-size: 12px;
    line-height: 60px;
    position: relative;
    margin-top: -10px;
}
.ng6-bottom2 {
	margin-left: auto;
    margin-right: auto;
    padding-right: 72px;
    width: 928px;
    text-align:center
}
.ng6-bottom2 .chrome {
	position: absolute;
	margin-top: 12px;
	margin-left: 45px;
	width: 36px;
	height: 36px;
	background: url("../Images/chrome.png");
}
.ng6-bottom2 .firefox {
	position: absolute;
	margin-top: 12px;
	margin-left: 5px;
	width: 36px;
	height: 36px;
	background: url("../Images/firefox.png");
}
.ng6-bottom2 a {
	color: #F1F1F1;
	font-weight: bold;
}
.ng6-bottom2 a:hover {
	color: #567f87;
	background-position: 0 -36px;
}
.ng6-footer-link {
	color: #F1F1F1;
	font-weight: bold;
    text-decoration: none;
}
.ng6-footer-link:hover {
	color: #567f87;
    text-decoration: none;
}

/**
* Placeholder hide on focus
*/

*[placeholder]::-webkit-input-placeholder  {
	color: #C4C4C4;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
*[placeholder]::-moz-placeholder   {
	color: #C4C4C4;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
*[placeholder]:-moz-placeholder   {
	color: #C4C4C4;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

*[placeholder]::-webkit-input-placeholder  {color:transparent;}
*[placeholder]:focus::-moz-placeholder   {color:transparent;}
*[placeholder]:-moz-placeholder   {color:transparent;}