/*  ---------------------------------------------------------------- */
/*  Feuille de style specifique au site du genoscope                 */
/*  ---------------------------------------------------------------- */

/* Elle ne peut pas être utilisée seule, les feuilles de style spip la complète */
/* Seuls les grandes lignes sont concernées */


/* -------------- */
/* Aspect du body */
/* -------------- */

body {
        background: #fff;
        margin: 0;
        padding: 0 ;
        text-align: center;
        font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
        color: #333;
}

/* ----------------------------- */
/* Couleurs des liens hypertexte */
/* ----------------------------- */

li.soustitre a:link { color: blue; }
li.soustitre a:visited { color: #999; }
.texte a:link { color: blue; }
.texte a:visited { color: #999; }
#sommaire a:link { color:blue; }
#sommaire a:visited { color: black; }
.pagination a:link { color: blue; }
.pagination a:visited { color: #666; }

#toute {
	background: #ccc;
	width: 100%;
	padding-bottom: 1em;
}

/* Le body contient la page. Dans le cas du sommaire (soit la page d'accueil), elle se nomme page_sommaire */

#page_sommaire {
	float: left;
        width: 360px ;
        text-align: justify;
        margin: 0 0 0 0;
	background: #fff;
	padding: 0 0.5em 0em 1em;
}

/* pour la page plan du site, page_plan remplace la valeur page_sommaire */

.page_plan #conteneur h2 {
	clear: both;
	background-color: #a7b6d9;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
}

/* pour toutes les autres pages site, page remplace la valeur page_sommaire */

#page {
	float: left;
        width: 520px ;
        text-align: justify;
        margin: 0 0 0 0;
	background: #fff;
	padding: 0 0.5em 1em 1.5em;
}

/* Mise en page du bas de page des pages du site */

#pied {
	float: left;
	clear: both;
	width: 750px;
	border-top: 1px solid black;
	background: #fff;
	marging-top: 1em;
}

#pied p:first-child {
	float: left;
	text-align: left;
	padding-left: 0.5em;
	padding-top: 0;
}

#pied p {
	float: right;
	text-align: right;
	padding-right: 0.1em;
}

#pied2 {
	float: left;
	clear: both;
	width: 750px;
	border-top: 1px solid black;
	background: #fff;
	marging-top: 1em;
	font-size: x-small;
}

#pied2 p:first-child {
	float: left;
	text-align: left;
	padding-left: 0.5em;
	padding-top: 0;
}

#pied2 p {
	float: right;
	text-align: right;
	padding-right: 0.1em;
}

/* C'est le paragraphe général qui tient le menugauche */

div.rubriques {
	float: left;
	background: #7286af;
/*	background: #a7b6d9;*/
	width: 170px;
	padding: 1em 1em 4em 0.3em;
	height: 100%;
}

div.rubriques {
	text-align: left;
	color: #fff;
}

/* Aspect du titre du site (bandeau de décoration supérieur soit les images Genoscope/CEA) */

/* Le bandeau est ce qui contient les images Genoscope/CEA */
#bandeau {
       	height: 130px;
      	background: #a7b6d9 url(/spip/squelettes/bandeau/geno_cea.png) no-repeat scroll 20px 20px;
}

#bandeau .url1 a {
	position: absolute;
	width: 100px;
	z-index: 1; 
	height: 90px;
	top: 20px;
	left: 20px;
}

#bandeau .url2 a {
	position: absolute;
	width: 480px;
	z-index: 1; 
	height: 90px;
	top: 20px;
	left: 220px;
}

/* La ligne est la petite ligne bleue plus foncée qui se trouve en dessous du bandeau */

#ligne {
       	height: 30px;
       	background: #7286af;
}

/* Le menu horizontal est le menu principal situé sous le bandeau et la ligne */
div.menu-horizon{
	width:100%;
	padding: 0px 0px;
	background: #fff;
   
}

div.menu-horizon ul{
	margin: 0;
	height: 2.6em;
	background: #7286af url(/spip/squelettes/bandeau/bande_bouton.jpg);
}

div.menu-horizon li{
	position: relative;
	float: left;
	height: 2.6em;
	list-style: none;
	color: #544323;
	border-right: 1px solid white;
	text-transform: uppercase;
}

div.menu-horizon li:hover{
	color: #544323;
	background-image: url(/spip/squelettes/bandeau/bande_bouton_hover.jpg);
}

div.menu-horizon a{
	display: block;
	padding: 5px 10px;
	color: White;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

div.menu-horizon a:hover{
	color: #544323;
	background-color: #ffebc7 url(/spip/squelettes/bandeau/bande_bouton_hover.jpg);
}

* html div.menu-horizon ul{
	margin: 0;
}

div.menu-horizon ul li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	left: -1px;
	width: 20em;
	z-index: 10;
}

div.menu-horizon ul li ul li{
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 0.9em;
	background-color: #ffb11f;
	border: 1px solid white;
}

div.menu-horizon ul li ul li a{
	background-color: #ffb11f;
	color: White;
	border: 0px;
}

body div.menu-horizon ul li ul{
	display: none;
}

div.menu-horizon ul li:hover ul, div.menu-horizon ul li ul:hover{
	display: block;
}

/* Le menu de gauche est le menu vertical situé à gauche de la page */

.menugauche {
        list-style-type: none;
    	padding: 0;
   	margin: 0;
}
	
ul.menugauche {
    	margin: 1em 0em 1em;
    	padding: 0em;
}
		
ul.menugauche li {
/*	list-style-image: url(/spip/squelettes/bandeau/boule_geno.gif); */
    	margin: 0em 0em 1em 1em;
    	padding: 0.1em 0.1em 0.1em 0.5em;
   	border-left: 0.3em solid #ffb11f; 
}

ul.menugauche a {
    	color: #fff;
	font-size: x-small;
}

ul.menugauche a:first-letter {
	text-transform: uppercase;
}

/* le menu de gauche est différent pour une page spécifique: la page de plan du site. */
/* Il est donc nommé menugauche2 */

.menugauche2 {
        list-style-type: none;
    	padding: 0;
   	margin: 0;
}
	
ul.menugauche2 {
    	margin: 1em 0em 1em;
    	padding: 0em;
}
		
ul.menugauche2 li {
/*	list-style-image: url(/spip/squelettes/bandeau/boule_geno.gif); */
    	margin: 0em 0em 1em 1em;
    	padding: 0.1em 0.1em 0.1em 0.5em;
   	border-left: 0.3em solid #ffb11f; 
}

ul.menugauche2 a {
    	color: #000;
	font-size: x-small;
}

ul.menugauche2 a:first-letter {
	text-transform: uppercase;
}

/* Style du formulaire de recherche spip */

div.formulaire_recherche {
	margin: 2em 1em;
	padding: 0;
	float: left;
	clear: both;
}

/* ------------------------------------ */
/* Style spécifique de la page sommaire */
/* ------------------------------------ */

/* Le style du mot du directeur */
div#page_sommaire .presentation>h3 {
        font-weight: bold;
	line-height: 4;
}

.presentation {
	margin-bottom: 0.86em;
	margin-right: 0.5em;
}

div.presentation p {
	text-align: right;
	font-style: italic;
}

/* Cadre général qui contient les autres cadres ci-dessous */
.accesDirect {
	border: 2px solid #ffff66;
	padding: 1em;
	background-color: #ffcc33;
}

div.accesDirect ul {
	margin-left: 70px;
}

div.accesDirect h3 {
	margin-left: 80px;
	font-weight: bolder;
}

div.accesDirect ul li {
	text-indent: 2em;
}

/* encadré et fond du cadre séquençage */
div.cadreSeq {
	background: #ffcc33 url(/spip/squelettes/bandeau/logoseq.jpg) no-repeat left top;
	margin: 0;
	padding-bottom: 1em;
	min-height: 59px;
}

/* encadré et fond du cadre génomique environnemental */
div.cadreMicro {
	background: #ffcc33 url(/spip/squelettes/bandeau/logomicrobio_rose.jpg) no-repeat left top;
	margin: 0;
	padding-bottom: 1em;
	min-height: 59px;
}

/* encadré et fond du cadre bioinformatique */
div.cadreBioInfo {
	background: #ffcc33 url(/spip/squelettes/bandeau/logobioinfo.jpg) no-repeat left top;
	margin: 0;
	min-height: 59px;
}

/* Obsolète */
.enLAir {
	float: left;
	clear: left;
	padding-right: 1em;
	top: 0;
}

/* -------- */

/* Boîte qui présente les dernières actualités */
div.encart {
	float: left;
	width: 190px;
	padding-bottom: 1em;
	padding-top: 0.5em;
	clear: none;
}

div.encart {
	font: 0.82em "Trebuchet MS", helvetica, sans-serif ;
}

div.encart div {
	border: 1px solid #7286af;
}

div.encart div > h4 {
	background: #7286af;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}

div.encart div > h4 {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

div.encart h4 {
	background: #7286af;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}

div.encart h4 {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}



div.encart div > h5 {
	font-weight: bold;
	text-align: justify;
	padding: 0.5em 0.5em 0em 0.5em;
}

div.encart > img:first-child {
	margin-bottom: 0.5em;
}

/* Hauteur et scrolling de la boite d'encart */
.scroll {
	height: 492px;
	overflow: auto;
}

/* ------------------------------------------- */
/* fin du style spécifique de la page sommaire */
/* ------------------------------------------- */


/* complément du formulaire de recherche */
.formulaire_spip {
	background: #fff;
	font-size: 0.82em;
	
}

/* Positionnement des drapeaux de langue */
.drapeau {
	float: left;
	margin-left: 720px;
	margin-top: 3px;
	clear: left;
}

/* Permet de rajouter les couleurs spécifiques de chaque rubrique dans le menu principal (horizontal en dessous du bandeau */
#hierarchie, #hierarchie2, #hierarchie3, #hierarchie21, #hierarchie22, #hierarchie23, #hierarchie24, #hierarchie25, #hierarchie26, #hierarchie31, #hierarchie34, #hierarchie48, #hierarchie54, #hierarchie57, #hierarchie243, #hierarchie255, #hierarchie267, #hierarchie270, #hierarchie273, #hierarchie300 , #hierarchie302, #hierarchie301, #hierarchie468, #hierarchie469, #hierarchie470,  #hierarchie471 {  
   	margin-bottom: 0;
   	min-height: 24px;
   	padding: 0 0 0 1em;
   	font-size: 0.77em;
   	color: #000000;
	text-align: left;
}

#hierarchie {
	background-color: #ffb11f;
}

#hierarchie3, #hierarchie26, #hierarchie54 {
   	background-color: #ffaf20;
}

#hierarchie31, #hierarchie2, #hierarchie48 {
   	background-color: #ffcccc;
}

#hierarchie21, #hierarchie34, #hierarchie57 {
   	background-color: #f5e55c;
}

#hierarchie22, #hierarchie273, #hierarchie300 {
   	background-color: #9dc881;
}

#hierarchie23, #hierarchie267, #hierarchie270 {
   	background-color: #cc66ff;
} 

#hierarchie24, #hierarchie243, #hierarchie255 {
   	background-color: #66ccff;
}

#hierarchie25, #hierarchie302, #hierarchie301, #hierarchie468, #hierarchie469, #hierarchie470,  #hierarchie471 {
	background-color: #ccc;
}

/* Positionnement du logo spécifique de la rubrique */
.logo {
	margin-top: -10px;
	margin-left: -3px;
	padding: 0;
}

.spip_documents_toto { 
   	padding-top: 2em;
   	padding-bottom: 2em;
}

/* style de la présentation de la date de mise à jour */
.misajour {
	float: right;
	clear: both;
   	text-align: right;
   	font-size: 0.8em;
	line-height: 3em;
}

/* Style des photos et logos */
.cartouche .spip_logos {
   	float: left;
   	margin-left: 0px;
	margin-bottom: 16px;
	margin-right: 1em;
   	border: 0; 
}

/* .projet est spécifique des pages projet de la rubrique séquençage (fiche détaillée organisme, autre, autre sp...) */
/* .projet_seq est spécifique des pages projet de la rubrique séquençage (fiche détaillée séquençage) */
/* .rubrique-resume est spécifique des pages projet de la rubrique séquençage (fiche résumé) */
/* .gauche est spécifique des pages projet de la rubrique séquençage (fiche-detaillee-autre.html, fiche-detaillee-sequencage) */


.cartouche .projet, .rubrique-resume {
   	border-bottom: 1px solid black;
	min-height: 133px;
}

.cartouche .projet ul{
	position: relative;
	bottom: 10px;
/*	border: 1px solid green;*/
}


.cartouche .projet_seq {
   	height: 130px;
   	border-bottom: 1px solid black;

}

.cartouche .rubrique-resume {
   	border-bottom: 1px solid black;
}

a[href][title] .cartouche
{
   	color: blue;
   	text-decoration: underline;
}

ul.gauche {
   	float: right;
   	font-weight: bold;
   	font-size: x-small;
   	letter-spacing: 0em;
   	text-align: right;
   	width: 150px;
   	margin-top: -20px;
}

ul.gauche li {
   	padding-top: 0.77em;
	line-height: 1em;
}


/* Sommaire de la page quand existe */
#sommaire ul {
   	margin: 0;
   	padding-left: 25px;
}

#sommaire ul li {
/*   	list-style-type: disc;*/
	list-style-image: url(/spip/squelettes/bandeau/boule.png);
	list-style-position: outside;
   	font-weight: bold;
}

/* Style du chapo */
#chapo
{
   	margin-bottom: 1.5em;
   	font-weight: bold;
   	line-height: 1.4em;
}

/* Mise en valeur des sous-titres des pages projets de séquençage */
#contenu .relief {
   	font-size: 1em;
   	font-weight: bold;
   	margin-bottom: 15px;
}

#contenu .relief_bis {
   	font-size: 1em;
   	font-weight: bold;
   	margin-bottom: 50px;
}



.chapo {
	font-size: small;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #999;
	background : transparent;
}

/* Légende des images */
p.legende {
	width: 520px;
	text-align: justify;
}


/* Mise en page du texte général */
.texte ul,ol {
   	margin-left: 20px;
   	margin-right: 0;
   	margin-top: 20px;
   	margin-bottom: 20px; 
   	padding: 0;
}

.texte h3.spip {
	font: bolder large "Trebuchet MS", helvetica, sans-serif ; 
}

div.texte p.spip:first-letter {
/*	font-weight: bold;*/
/*	font-size: medium;*/
/*	padding-left: 1.2em;*/
}

.texte p.spip {
   	text-align: justify;
}

.texte ul {
   	list-style-type: disc;
}

.texte ul ul {
   	list-style-type: circle;
}

.texte ul ul ul {
   	list-style-type: square;
}

.texte .equipe {
   	margin-top: 3em;
}

#interet {
   	width: 500 px;
	text-align: left;
}

#interet h4 {
   	border-top: 1px solid black;
   	border-right:1px solid black;
   	border-left: 1px solid black;
   	margin-top: 10px;
   	padding-left: 10px;
   	background-color: #a8b6d9;
}

#interet ul {
   	border: 1px solid black;
   	margin-left: 0px;
   	margin-right: 0px;
   	margin-top: 0px;
   	margin-bottom: 20px;
   	padding-left: 10px;
   	padding-right: 10px;
   	padding-top: 5px;
   	padding-bottom: 5px;
}

/* Aspect des pages de listing des organismes séquencés (par espèce et intérêt) */
.contre-encart h3 {
   	width: 520px;
}

/* Aspect des brèves */
.breves { background: #FFFAE6; border-color: #ffb11f;}
.breves .menu-titre, .breves .menu-titre a { background: #ffb11f; color: #FFF;}


.breves {
	font-size: x-small;
	clear: both;
	margin-left: 3px;
	width: 170px;

}

.breves ul li {
	padding: 0.5em;
}	

/* Apparition des publis propres au Genoscope dans les pages projets de séquençage */
.publi {
	font-size: x-small;
	padding: 0.5em;
	margin-bottom: 1em;
}

.publi h6 {
	font-weight: bold;
}

.publi p {
	padding-top: 0.8em;
}

/* Apparition des encarts correspondant au nom, dans les pages projets de séquençage (fiche-detaillee-sequencage) */
.collaborations, .savoirplus, .acces {
	width: 30%;
	float: right;
	clear: both;
	font-size: x-small;
	color: #000;
	padding: 0.5em;
	margin-left: 1em;
	margin-bottom: 1em;
}

.collaborations h6, .savoirplus h6, .acces h6, .publi h6 {
	font-weight: bold;
}

.collaborations {
	border: 1px dashed red;
	margin-top: 2.1em;
	background-color: #cdb2b2;
}

.savoirplus {
	border: 1px dashed green;
	background-color: #bbcbb5;
}

.acces {
	border: 1px dashed purple;
	background-color: #c3a9c5;
}

.publi {
	border: 1px dashed blue;
	background-color: #c9daff;
}

.spip_doc_descriptif {
	font-weight: bold;
	text-align: justify;
	padding: 0 0.5em 0 0.5em;
}

/* Présentation des documents joints */
#documents_joints {
        margin-top: 1.8em;
        padding-top: 2px;
        border-top: 2px solid #CCC; 
}

/* Mise en page des liens de traduction */
.traductions {
	font-size: x-small;
	margin-bottom: 0;
	text-align: right;
}

.traductions * {
	display: inline;
}

.traductions li { padding-left: 1em; }

/* Mise en page de la liste des organismes par ordre alphabétique */
ul.alphabet li {
	list-style-image: url(/spip/squelettes/bandeau/boule.png);
	list-style-position: outside;
	margin-left: 1em;
}


/* Utilitaires */
h1,h3 .titre, .titre_general {
   	font-weight: bolder;
	text-align: left;
	font-size: large;
} 

#documents_joints_autres {
	margin-top: 2em;
	font-weight: normal;
	font-size: 0.8em
}

.doc_titre {
	font-size: medium;
	font-weight: bold;
}

h1.titre_general {
	padding-top: 1em;
}

.grostitre {
	font-size: small;
	font-weight: bold;
	margin-bottom: 2em;
}

/* Mise en page pour les "retours" en arrière */
.revenir {
	text-align: right;
	font-size: x-small;
}

/* Mise en page pour les appels à propositions */
.centrageAP {
	text-align: center;
	padding: 1em;
	border: 1px solid black;
}