/**
 * Feuille de style CSS pour Horizon : portail + publications FDI
 * =================================
 * IRD - EC + DC
 * Version 0.982 - 2012-04-11
 * =================================

 codes couleurs utilisés
 
 --- Gris ---
 #EDEDED : gris de fond
 #333 : couleur du texte par défaut
 #666 : gris
 #000 : noir
 #fff : blanc
 --- Bleu horizon (bleu gris) ---
 #5f819e : horizon
 #466075 : horizon foncé
 #A7BCCE : horizon clair 
 --- Liens ---
 #005b80 : lien
 #003f58 : visite
 #006b96 : survol
 --- Publication ---
 #D44700 : orange par défaut
 #E45000 : orange + vif
 #F6DACC : orange à 20%
 --- catalogue ---
 #668000 : vert par défaut
 #889d00 : vert + vif
 #E7EBCC : vert à 20%
 */

 /* --------------- 1 - éléments généraux */

body {
    font-family: Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif;
    font-size: 11px;
	margin: 0 0;
    padding: 0;
    background: #EDEDED;
	color:#333;
}

body.blanc {
    background: #FFF;
	margin: 1em 1em;
}
h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif;
}

table {
    font-size : 100%;
    width: 100%;
    border-collapse:collapse;
    margin: 0;
    padding: 0;
    border-spacing: 0;
}
a {
    color: #005B80;
    text-decoration: none;
}
a:visited {
    color: #003F58;
}
a:hover, a:focus, a:active{
    color: #006B96;
    text-decoration: underline;
    }
label {
    color: #000;
    vertical-align: 2px;
}
ul, ol{
    margin: 0;
    padding: 0em;
	padding-left:1.5em;
	margin-bottom:1em;
}

ul.decale {
	padding-left:4.5em;
}
ul {
	list-style:url("../images/puce_list.png");
}
li {
    margin: 0em;
    margin-left: 0em;
    padding: 0em;
}
img {
    border: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    width:8em;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
	border: none;
	padding: 2px 8px;
}


/* ---------------- 2 - mise en place du bandeau */

p.auth-ec {
	position: absolute;
	top : 4px;
	right : 12px;
	margin:0;
	font-size:0.8em;
}

#bandeau-entete {
    background: #5f819e url(../images/bck_bandeau.png);
    height: 118px;
	position:relative;
	border-bottom:#466075 8px solid;
	text-align:right;
	margin-bottom:48px;
}
#bandeau-entete h1 {
	color : #fff;
	font-size:1.5em;
	font-weight:normal;
	padding:84px 16px 0 0;
    margin-top: 3px;
}
#bandeau-entete h1 img {
	position:absolute;
	top:16px;
	left:16px;
}
#bandeau-entete p.logo_IRD img {
	position:absolute;
	top:16px;
	right:16px;
}

h2#titre-entete {
	position:absolute;
	top:96px;
	left:94px;
    color: #D44700;
    font-size: 22px;
	margin:0; padding:0;
	background:url(../images/papillon_titre.png) no-repeat;
	padding : 40px 0 10px 70px;
}

/*    --------------- 3 - Spécifiques page d'accueil         */
#gauche, #droite {
	width:439px;
	margin: 0 24px 2.5em;;
	float:left;
}

.encart {
	background:url(../images/bord_encart.png) repeat-y;
	padding-left: 16px;
	border-bottom:1px solid #A7BCCE;
	margin:2.5em 0 2.5em 0;
}

.encart p {
    margin: 0.5em 0 0.5em 0;
}

.encart-bas {
	border-bottom: solid 1px #A7BCCE;
    padding: 0;
}

.haut {
    min-height: 174px;
}

h3 {
	font-size:22px;
	color:#d44700;
	background:url(../images/titre_publi.png) no-repeat;
	padding: 6px 0 6px 36px;
	margin: 0 0 0.75em 0;

}

.encart h4 {
	position:relative;
	left:-16px;
	color:#d44700;
	padding : 4px 0px 8px 16px;
	background:url(../images/bord_encard_publi.png) no-repeat;
	font-size:14px;
	margin:0;
}

.catal .encart h4 {
	color:#668000;
	background-image:url(../images/bord_encard_catal.png);
}
.catal h3 {
	color:#668000;
	background-image:url(../images/titre_catal.png);
}
	
.catal .ird-res {
    color:#668000;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	background-color: #D44700;
}


input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active,
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active {
	background-color:#E45000;
}

.catal input[type="button"],
.catal input[type="submit"],
.catal input[type="reset"]
{
    background-color: #668000;
}
.catal input[type="button"]:hover, .catal input[type="button"]:focus, .catal input[type="button"]:active,
.catal input[type="submit"]:hover, .catal input[type="submit"]:focus, .catal input[type="submit"]:active,
.catal input[type="reset"]:hover, .catal input[type="reset"]:focus, .catal input[type="reset"]:active{
	background-color:#889d00;
}
/*
.catal input[type="text"]{
	border:1px solid #668000;
	padding:2px 4px;
}
.catal input[type="text"]:hover, .catal input[type="text"]:focus, .catal input[type="text"]:active{
	border-color:#889d00;
}
*/
.list_catal, .list_catal ul {
	text-align:center;
	padding-left:0;
}
.list_catal li{
	list-style:none;
	margin-bottom:1em;
}
.list_catal .categorie li{
	display:inline;
	border-right: 1px solid #466075;
	padding:0 16px 0 12px;
	line-height:1em;
}
.list_catal  .categorie li:last-child{
	border: 0 none;
}
.list_catal  .categorie ul{
	margin-top:0.25em;
}
.list_catal .categorie span{
	font-size:1em;
    color: #668000;
    font-weight: bold;
}

/*    --------------- 4 - barre de navigation            */
.navigation {
	color: #005B80;
}

.navigation:hover {
	color: #006B96;
    text-decoration: underline;
    cursor: pointer;
}

.nav-icone {
    width: 16px;
    height: 16px;
    vertical-align:text-bottom;
}

.zone-barre-entete {
    padding: 1em 14px 1em 14px;
}

.zone-barre-bas {
    padding: 0 14px 2em 14px;
}

.zone-barre-entete table {
    width: 100%;
    margin: 0;
    padding: 2px;
    color: #666;
}
.zone-barre-bas table {
    width: 100%;
    margin: 0;
    padding: 2px;
    clear: both;
    color: #666;
}
.barre-ariane {
    width: 246px;
    padding-left: 0em;
}
.barre-ariane-long {
    width: 446px;
    padding-left: 0em;
}
.barre-navigation {
    padding-left: 0em;
    padding-right: 0em;
    text-align: center
}
.barre-tri {
    width: 200px;
    padding-left: 0em;
}
.barre-tpanier {
    width: 200px;
    text-align: right;
    padding-right: 0em;
}
.barre-cpanier {
    text-align: right;
    padding-right: 0.5em;
    font-style: italic;
}

.barre-dessous {
    border-bottom: solid 1px #ddd;
    height: 24px;
}

/*
.zone-barre-entete{
	font-size: 1em;
	position: relative;
	color: #666;
}
.zone-barre-entete table, .zone-barre-entete tbody, .zone-barre-entete tr, .zone-barre-entete td{
	display:block;
}

.barre-ariane {
	padding-left:16px;
}

.barre-navigation {
	margin: 0 8px 4px 254px;
	text-align:center;
	padding-bottom:4px;
}
.barre-navigation .nav-texte {
	padding:0 60px;
}

.barre-tri {
	float:left;
	margin-left:254px;

}
.barre-tri b{
	color:#333;
}

.barre-tpanier {
	position:absolute;
	right:8px;
	top:-1.25em;
}
.barre-cpanier {
	text-align:right;
	margin-right:8px;
	font-style: italic;
}
.zone-barre-entete label {
	color:#666;
}
*/
/*    --------------- 5 - formulaires de saisie            */
.zone-form {
    margin: 3em 1em 5em 1em;
    padding: 0;
}

.form-rech {
    border-collapse: collapse;
    width:100%;
}
.form-bouton {
    width: 30%;
    vertical-align: top;
}
.form-rech td {
    height: 2.5em;
    vertical-align: baseline;
}

.form-text {
    width: 400px;
}
.form-select {
    width: 405px;
}
.form-text-annee {
    width: 177px;
}

.form-accueil {
    width: 300px;
}

.option-pt   {
    width:auto;
}
.option-pt  td {
    vertical-align:middle;
    margin:0;
    padding:0;
 }
 .titrechamp-form {
    padding-left: 5.5em;
    padding-top: 0.5em;
    font-style: italic;
    color: #000;
    vertical-align: top;
}
.enhaut {
    padding-top: 0.3em;
    padding-bottom:6em;
}
.liste-centres_2 {
    width: 80%;
}

/*
input[type="text"] {
    font-size: 12px;
}
*/

/*
.zone-form {
	font-size:0.85em;
	clear:both;
	margin-top:2em;
}

input[type="checkbox"] {
    margin-right: -5px;
}
input[type="button"],
input[type="submit"],
input[type="reset"]
{
    background-color: #d44700;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
	border:none;
	padding:2px 8px;
}
input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active,
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active{
	background-color:#E45000;
}

input[type="text"], select{
	border:1px solid #d44700;
	padding:2px 4px;
}
input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active,
select:hover, select:focus, select:active{
	border-color:#E45000;
}

.form-rech {
    border-collapse: collapse;
    width:100%;
}
.form-bouton {
    width: 30%;
    vertical-align: top;
	text-align:center;
	padding:24px 0;
}
.form-bouton input{
	width:9em;
	margin:0 12px;
}
.form-rech td {
    height: 2.5em;
	vertical-align:bottom;
}

.form-text {
    width: 450px;
}

.form-select {
    width: 460px;
}
.form-text-annee {
    width: 200px;
}

.option-pt   {
    width:auto;
}
.option-pt  td {
    vertical-align:middle;
    margin:0;
    padding:0;
 }
.titrechamp-form {
    padding-left: 5.5em;
    padding-top: 0.8em;
    font-style: italic;
    color: #000;
    vertical-align: top;
}
.enhaut {
    padding-top: 0.3em;
    padding-bottom:6em;
}
.liste-centres_2 {
    width: 80%;
}
*/
.ird-res {
    font-weight: bold;
    background-color: inherit;
    color: #d44700;
    font-style: italic;
	font-size:0.9em;
}

/*    --------------- 6 - notice sous forme de liste - Nouveau système            */
.zone-liste {
    float: right;
    width: 720px;
    padding-right: 12px;
    margin-top: 2em;
}

.zone-liste td{
	vertical-align: baseline;
}

.liste-notice {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 4em 0;
    padding: 0;
    padding-left: 0.5em;
    padding-right: 1em;
}
.liste-numero {
    width: 3%;
	text-align:right;
	color:#d44700;
	font-weight:bold;
	padding:6px 3px 0 0 ;
    vertical-align: baseline;
}

.liste-ref, .liste-entete {
	background:url(../images/bord_encart.png) repeat-y;
	width:100%;
	margin:0;
}
.liste-liens {
	background:url(../images/bord_encart.png) repeat-y;
	width:100%;
	margin:0;
}
.liste-date, .liste-ref-int, .liste-liens-int {
    padding-left: 16px;
}

.liste-ref .ird-titre{
	background:url(../images/bord_encard_publi.png) no-repeat;
	padding:4px 0 8px 16px;
	font-weight:bold;
    font-size: 1.2em;
}

.liste-entete {
	color: #666;
	font-size:1em;
}
.liste-date {
    width: 5em;
    font-weight: bold;
}
.liste-type {
    width: 20%;
    font-weight: bold;
}
.liste-inventaire {
    width: 50%;
    text-align:left;
}
.liste-tpanier {
    text-align: right;
    font-style: italic;
    padding-right: 6px;
}
.liste-cpanier {
    text-align: right;
    padding-right: 0.5em;
    width: 2em;
}
.liste-ref-int {
    width: 5em;
    font-style: italic;
    color: #999;
    padding-top: 6px;
	font-size:1em;
}
.liste-ref-val, .liste-liens-val {
    padding-right: 6pt;
    padding-top: 6px;
    color: #666;
	font-size:1em;
}
.liste-liens-int {
    width: 20%;
    font-style: italic;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 6px;
}


/*    --------------- 8 - notice complète avec tous les champs            */

.notice-bib, .champs-notice {
	background:url(../images/bord_encart.png) repeat-y;
	margin:0; margin-left:16px;
    border-bottom: solid 1px #A7BCCE;
}
.notice-bib {
    font-size: 1em;
    background-color: #eee;
}
.notice-courte{
	margin:0;
    text-align: justify;
}
.notice-bib .notice-courte{
	padding:4px 8px 8px 16px;
	background:url(../images/bord_encard_publi.png) no-repeat;
}
.champs-notice {
    padding-left: 16px;
    margin-bottom: 4em;
}
div.champs-notice  table {
    vertical-align: top;
}
.champs-tableau {
	font-size:1em;
    margin-bottom: 1em;
}
.champ-titre {
    color: #999;
    font-style: italic;
    width: 20%;
    padding-top: 6px;
}
.champ-titre-not {
	color : #466075;
    font-size: 1.2em;
    padding-top: 12px;
}
.champ-ref-val, .champ-liens-val  {
    padding-bottom: 3px;
    color: #666;
    padding-top: 6px;
	text-align:justify;
}


/*    --------------- 8 - pavé de gauche            */
.zone-options {
    float: left;
    width: 240px;
	margin-top:2em;
}
.zone-options select {
	border: #5f819e 1px solid;
}

p.titre-dispo {
    margin: 0 1.5em;
    padding: 0.3em 1em;
    border:solid 1px #5f819e;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background-color: #5f819e;
	font-size:1em;
}
#dispo, .dispo {
    margin: 0 1.5em 2.2em;
    padding: 1em 0.5em 0 0.5em;
    border: solid 1px #5f819e;
    border-top: none;
    color: #666;
    background-color: inherit;
	font-size:1em;
}

.dispo ul {
    margin-bottom: 6px;
}
#centre-addr {
    margin: 64px 7em 1em 0em;
    padding: 1em 1em 0 1em;
    border: solid 1px #5f819e;
    color: #666;
    background-color: inherit;
	font-size:1em;
}

.visible p {
    font-weight: bold;
}

.nom-centre {
    font-weight: bold;
	color:#668000;
}
.int {
    width: 20%;
    font-style: italic;
}
.val {
    width: 80%;
}
.ex-ref {
    font-style: italic;
}


/*
div.exp {
    width: 200px;
    margin: 0em 1em 1.5em 12px;
    padding: 1em 1.5em 1em 0.5em;
    border: solid 1px #ccc;
    border-top: none;
    color: #666;
}

p .exp{
    margin: 0em 0em 0.5em 0em;
    padding: 0;
}
p.exp-titre {
    width: 200px;
    margin: 0.5em 1em 0em 12px;
    padding: 0.3em 1em;
    border:solid 1px #ccc;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background-color: rgb(79, 121, 158);
}

table.centre {
    color: rgb(109, 134, 23);
}
table.val-centre {
    width: 100%;
    margin-bottom: 0em;
    border-top: solid 1px #DDD;
}

p.bas-cadre {
    clear: both;
}

div.fin-cadre {
    width: 1032px;
    margin: 0 auto;
    padding: 0 2px;
}

p.fin-cadre {
    background-color: rgb(215, 215, 215);
    height: 5px;
}

.services {
    margin-top: 0;
    padding-top: 0;
}



/*    --------------- 5 - élements communs de mise en valeur            */

.gris {
    color: #666;
}
.mc {
    font-size: 80%;
    font-variant : small-caps;
}
.mev {
    color: #D44700;
}
.auteur, .auteurIRD {
    font-variant : small-caps;
}
.auteurIRD {
    font-variant : small-caps;
	font-weight:bold;
}
/*    --------------- 6 - Corps de la page, entete et zones principales        */

div.haut-page {
    width: 974px;
    height: 18px;
    margin: 4px auto 0 auto;
    padding: 0 6px;
}

P.auth {
    margin: 0;
    text-align: right;
    font-size: 90%;
}

div.zones {
    width: 974px;
    margin: 3px auto 0 auto;
    padding: 0 6px;
    background: url(../images/bg_supercontainer.gif) repeat-y top left;
    min-height: 700px;
}



/*    --------------- 7 - notice sous forme de liste - Ancien système            */
.ird-ra-autres {
    font-weight: bold;
    color: #D44700;
    font-style:normal;
    font-size: 120%;
}


/*
.ird-titre-lien {
    color: rgb(228, 80, 0);
}
a.ird-titre-lien:link, a.ird-titre-lien:visited {
    color: rgb(59, 91, 118);
    text-decoration: none;
}
a.ird-titre-lien:hover {
    color: rgb(59, 91, 118);
    text-decoration: underline;
}

.ird-titre-not {
    color: rgb(79, 121, 158);
    font-size: 120%;
}

.ird-doi {
    color: #fff;
    background-color: #FEE9B7;
    font-weight: normal;
    font-variant : small-caps;
}

.ird-aide {
    color: #666;
    width: 95%;
    margin-top: 1em;
    margin-right: 0em;
    padding: 1em;
    background-color: #FEF8EA;
}

.ird-aide b {
    color: #666;
    font-weight: bold;
}

.ird-aide p {
    margin: 0em;
    padding: 0.5em;
}

.ird-aide ul {
    margin: 1em 0 0 0;
    padding: 0em;
}
.ird-aide li {
    margin-left: 1.5em;
    padding: 0em;
}

.pdf-pt  {
    vertical-align: top;
}

.ird-fieldset {
    margin: 1em 0 0 0;
    padding-left: 0.2em;
    font-weight: bold;
    color: #900;
}

.ird-notice {
    width: 100%;
    border-collapse: collapse;
    margin: 5px 0 1.5em 0;
    padding: 0;
    padding-left: 0.5em;
    padding-right: 1em;
    font-size: 80%;

}

.ird-entete {
    background-color: rgb(228, 80, 0);
    border: solid 1px rgb(228, 80, 0);
    background-color: #BBB;
    border: solid 1px #BBB;
    width: 100%;
    margin: 0;
    padding: 2px;
    border-collapse: collapse;
}

.ird-numero {
    width: 2%;
    padding-top: 0.5em;
    vertical-align: top;
}

.ird-type {
    width: 20%;
    padding-left: 0em;
    color: #FFF;
    font-weight: bold;
    vertical-align: middle;
}

.ird-date {
    width: 10%;
    padding-left: 0.5em;
    color: #FFF;
    font-weight: bold;
    border-left: solid 0px rgb(228, 80, 0);
    vertical-align: middle;
}

.ird-icone {
    border: 0;
    vertical-align: middle;
}

.ird-inventaire {
    width: 25%;
    font-style: italic;
}

.ird-tpanier {
    width: 65%;
    text-align: right;
    font-style: italic;
    color: #FFF;
    vertical-align: middle;
}

.ird-cpanier {
    text-align: right;
    padding-right: 0.5em;
}

.ird-pdf {
    width: 20px;
}

.ird-titre {
    font-weight: bold;
    font-size: 133%;
    padding: 0.5em;
    margin: 0;
    color: #900;
}

.ird-ref {
    width: 100%;
    margin: 0;
    padding-bottom: 1em;
    font-size: 85%;
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
}

.ird-suiteref {
    font-size: 85%;
    padding: 0;
}

.ird-ref-int {
    width: 10%;
    font-style: italic;
    color: #666;
    padding-left: 6pt;
    padding-bottom: 3px;
    vertical-align: top;
    text-align: left;
}

.ird-ref-val {
    padding-right: 6pt;
    padding-bottom: 3px;
    vertical-align: top;
    color: #666;
}

.ird-ref-aut {
    padding-right: 6pt;
    vertical-align: top;
    color: #444;
    font-variant : small-caps;
}

.ird-liens {
    font-size: 85%;
    width: 100%;
    margin: 0em;
    padding: 0.5em;
    border-right: solid 1px #DDD;
    border-left: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
}

.ird-liens-int {
    width: 20%;
    font-style: italic;
    color: #666;
    vertical-align: top;
    padding: 2px;
    padding-left: 6pt;
    padding-bottom: 3px;
}

.ird-liens-val {
    vertical-align: top;
    width: 80%;
    padding: 2px;
    color: #666;
    padding-bottom: 3px;
}

.ird-ra-autres {
    font-weight: bold;
    color: rgb(228, 80, 0);
    font-style:normal;
    font-size: 120%;
}

.ird_bib {
    font-size: 70%;
    margin: 5px 0 0em 0em;
    padding: 1em;
    border-bottom: solid 1px#ccc;
    border-left: solid 2px  rgb(228, 80, 0);
    background-color: rgb(240, 240, 245);
    color: inherit;
}

.ird_courte {
    margin: 0;
    padding: 0;
    text-align: justify;
}



.titrechamp {
    vertical-align: top;
    color: #777;
    font-style: italic;
    width: 20%;
}



/*    --------------- 10 - pavé de fin de page            */


.fin-page {
	width: 974px;
    margin: 0;
    padding: 1em 0;
    background-color: #5f819E;
	clear:both;
	margin-top:3em;
}

.fin-page-tab {
    margin: 0;
    padding: 0px;
    border-collapse: collapse;
}

.col12 {
    border-right: dotted 1px #fff;
    width: 33%;
    vertical-align: top;
    }

.fin-page-titre {
    font-weight: bold;
    color: #FFF;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.fin-page-item {
    color: #DDD;
    margin-top: 0;
    margin-bottom: 0.2em;
}

.fin-page-item  a:link, .fin-page-item a:visited {
    color: #DDD;
}
.fin-page-item a:hover {
    color: #FFF;
    text-decoration: underline;
    }

.fin-page-col {
    color: #FFF;
    vertical-align: top;
    padding-left: 1em;
}

/*    --------------- 11 - divers            */

.aide-saisie {
    color: #888;
    font-style: italic;
}

.visible {
    display: inherit;
}

.invisible {
    display: none;
}

#dispo p, .dispo p {
    margin: 0em 0em 0.5em 0em;
    padding: 0;
}
.titre1 {
    color: #600;
    font-weight: bold;
    margin-top: 0.5em;
}

.petit {
    width: 2em;
}


td.form_champ td {
    width: 20%;
    height: 1em;
}

td.titrechamp-form a {
    padding-left:4em;
    padding-top: 0.5em;
    font-style: normal;
}


/*#rss {
    background-color: #eee;
    padding: 0.5em 1em 1em 1em;
    min-height: 14em;
    }*/
	
.interieur   {margin: 1em 2em;}

.publi li, .visible li, .dispo li {
    padding-bottom: 0.3em;
}

.barre-cpanier input[type="checkbox"],  .liste-tpanier input[type="checkbox"]{
    margin-right: -6px;
}

 /* --------------- Statistiques*/

#tableau-stat table,th, td
{
border: 1px solid gray;
}

#tableau-stat th, td
{
height: 24px;
padding:4px;
vertical-align:middle;
text-align:center;
}

#tableau-stat td
{
height: 24px;
padding:4px;
vertical-align:middle;
text-align:center;
font-size:130%;
}


#tableau-stat th
{
background-image:url(table-shaded.png);
}

.rowtitle
{
background: #9CF;
font-weight:bold;
}

#tableau-stat table tr:nth-child(even) {
    background-color: #eee;
}
#tableau-stat table tr:nth-child(odd) {
   background-color:#fff;
}
#tableau-stat table th    {
    background-color: black;
    color: white;
}