/*
	Feuille de style commune à tous les sites au look CNRS
	Définition du formatage de l'enrobage.

	Jacquelin Charbonnel - 2004-12-16

*/

/* ===========================
-- div#toplink --

	Liens vers CNRS/IN2P3/Autres sites

   =========================== */

div#toplink {
	position:absolute;
	top: 20px ;
	right: 10px ;
}

div#toplink td {
	height: 20px ;
}

div#toplink td a {
	text-decoration: none ;
}

div#toplink td#l_CNRS {
	width: 60px ;
}

div#toplink td#l_IN2P3 {
	width: 90px ;
}

div#toplink td#l_sites {
	width: 70px ;
}


/* ===========================
-- div#top --

	Haut de toutes les pages

   =========================== */


div#top {
	background: url("/share/CNRS/kit/images/charte/bandeau-haut-droit.gif") right no-repeat;

	margin-right:1px ;
	height: 70px ;
	font-family : Arial, Helvetica, sans-serif;
    font-size: 12px ;
    border-style: none none solid  none ;
    border-width: 1px ;
	border-color: #5D8BA2 ;
}

div#top img {
	border: none ;
}


div#top a {
    text-decoration: none ;
    font-stretch: condensed ;
    font-weight: bolder;
    margin-left: 0.5em ;
    color: #286583 ;
}

div#top span.left {
	display: block ;
	text-align:left;
    color :#5D8BA2;
    font-weight: bold;
	white-space: nowrap ;
	position:fixed;
}

div#top span.right {
    font-size : 12px;
	display: block ;
	float: right ;
	top:0 ;
}

/* ===========================
-- div#marge --

	Marge gauche de toutes les pages

   =========================== */

div#marge {
	width: 150px ;
/*	height: 720px ;*/
	font-family : Arial, Helvetica, sans-serif;
	border-width: 1px ;
	border-style : none solid solid none ;
	border-color: #5D8BA2 ;
}

div#marge div.partenaire {
	vertical-align: middle ;
	border-style: none none solid none  ;
	border-width: 1px ;
	width: 150px ;
	height: 70px ;
	border-color: #5D8BA2 ;
	text-align: center ;
}

div#marge div.partenaire2 {
	vertical-align: middle ;
	border-style: none none solid none  ;
	border-width: 1px ;
	width: 150px ;
	height: 60px ;
	border-color: #5D8BA2 ;
	text-align: center ;
}
div#marge div.partenaire img#cnrs_icon {
	margin-top:3px ;
}

div#marge div.partenaire img#in2p3_icon {
	margin-top:10px ;
}

div#marge div.partenaire2 img#psud_icon {
	margin-top:7px ;
}

div#marge div#menu-gauche {
	height : 210px ;
}


div#marge div.annuaire {
	border-style: solid ;
	border-width: 1px ;
	width: 140px ;
/*	position:absolute;
	top: 460px ;*/
	padding-top: 5px;
	padding-bottom: 5px ;
	margin-left: 5px ;
	text-align: center ;
	background-color: rgb(248,248,250) ;
	border-style: solid ;
	border-color: rgb(228,228,228) #5D8BA2 #5D8BA2 rgb(228,228,228) ;
}

div#marge div.annuaire a {
    font-size : 12px;
    text-decoration: none ;
    font-stretch: condensed ;
    font-weight: bolder;
    color: #286583 ;
}

div#marge div#recherche {
	margin-left: 5px ;
	margin-top: 10px ;
	text-align: center ;
	font-family : Arial, Helvetica, sans-serif;
	border-style: solid ;
	border-color: rgb(228,228,228) #5D8BA2 #5D8BA2 rgb(228,228,228) ;
	border-width: 1px ;
	width: 140px ;
/*	position:absolute;
	top: 500px ;*/
	padding-top: 7px;
	padding-bottom: 7px ;
	text-align: center ;
	background-color: rgb(248,248,250) ;
}

div#marge div#recherche div.caption {
    font-size : 12px;
    text-decoration: none ;
    font-stretch: condensed ;
    font-weight: bolder;
    color: #5D8BA2 ;
	text-align: center ;
}

div#marge div#recherche div.ou {
    margin-top:10px;
    margin-left:2px;
    margin-bottom:0 ;
	text-align: left ;
    font-size : 8pt;
    text-decoration: none ;
    font-stretch: wider ;
    color: #556268 ;
    width: 100px ;
}

div#marge div#recherche form {
    margin:0px;
	text-align: center ;
    font-size : 8pt;
    text-decoration: none ;
    font-stretch: wider ;
    color: black ;
    color: #556268 ;
}

div#marge div#recherche form input.BoiteRechercher {
	width: 100px ;
}

div#marge div#bas-marge {
/*	position:absolute;
	top: 650px ;
	left: 0 ;*/
    color: #556268 ;
    margin-top :10px ;
    margin-bottom :10px ;
    padding:0;
	text-align: center ;
	width: 150px ;
}


div#marge div#bas-marge div#texte-marge {
	font-size: 7.5pt ;
    color: #556268 ;
    margin: 0 ;
}

div#marge div#bas-marge div.icones {
	margin-top:30px ;
}

/* ===========================
-- div#bandeau-seconde --

	Zone de l'image et du path pour les secondes pages

   =========================== */

div#bandeau-seconde {
	position: absolute ;
	left: 151px ;
	top: 71px ;
	border-style: none solid solid none   ;
	border-width: 1px ;
	border-color: #5D8BA2 ;
	text-align: left ;
	padding-bottom: 0 ;
	margin-bottom: 0 ;
}

div#bandeau-seconde div.path {
	font-family: Verdana, Helvetica, sans-serif;
  ;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 70% ;
	margin-top: 6px ;
	margin-bottom: 6px ;
	margin-left: 1em ;
}

div#bandeau-seconde div.path a {
	color: #286583  ;
	text-decoration: none ;
	font-weight: normal  ;
	margin-left: 0.1em ;
	margin-right: 0.1em ;
/*	font-size: 70% ;*/
}

div#bandeau-seconde div.path span a {
	font-weight: bold  ;
}

div#bandeau-seconde div.path a:hover {
	color: #5D8BA2 ;
}

div#bandeau-seconde div.path span a:hover {
	color: #5D8BA2 ;
}

/* ===========================
-- div#w3c --

	Icônes W3c

   =========================== */

div#w3c {
/*	position: absolute ;
	left: 0px ;
	top : 800px ; */
	width: 150px ;
	height: 50px ;
	text-align: center ;
}

div#w3c span {
	margin:2px ;
}


/* ===========================
-- div#middle --

	Zone centrale pour les secondes pages

   =========================== */

div#middle {
	position:absolute;
	top: 170px ;
	left: 150px ;
}

div#une-center {
	position:absolute;
	top: 270px ;
	left: 145px ;
	width:400px ;
	width: 57%
}

div#une-center div.historique {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right ;
	margin-top:0 ;
	font-size: 100% ;
}

div#une-center div.historique a {
	text-decoration: none ;
	font-size: 60% ;
}

div#une-center div.historique a img {
	border: none ;
}

div#middle-home {
	position:absolute;
	top: 220px ;
	left: 150px ;
	margin: 2em 0.5em ;
}

div#middle-scd {
	position:absolute;
	top: 170px ;
	left: 150px ;
	margin: 2em 0.5em ;
}

div#middle-scdm  {
	position:absolute;
	top: 170px ;
	right: 0px ;
	left: 150px ;
	margin-top: 1em ;
	margin-left: 0.5em ;
	margin-bottom: 1em ;
	margin-right: 0.5em ;
	padding-top: 2em ;
}

div#middle-scdm div#right-pane {
/*	position:absolute;*/
	float:right;
	top: 170px ;
	width : 160px ;
	margin-top: -2em  ;
	margin-right: 0 ;
	margin-left: 0 ;
	margin-bottom: 0.5em ;
	border-color: #5D8BA2 ;
	border-width: 1px ;
	border-style : none none solid none ;
}

div#middle-scdm div#right-pane div.item {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px ;
	padding: 0.4em 0.3em ;
	border-color: #5D8BA2 ;
	border-width: 1px ;
	border-style : solid solid none solid ;
}

div#middle-scdm div#right-pane div.item a {
	text-decoration: none ;
	color: #5D8BA2 ;
}

div#middle-scdm div#right-pane div.item a:hover {
	color: #286583  ;
}

/* ===========================

	document meta

   =========================== */
div#docmeta {
	position:absolute;
	top: 160px ;
	left: 650px ;
	text-align: right ;
}

div#docmeta img {
	width: 20px ;
}

a#update {
	font-size: 60% ;
}

/* ===========================

	"A la une" de la Une

   =========================== */

div#a-la-une {
	margin-left: 2em ;
	margin-bottom: 1em ;
	padding: 3px ;
	border-style: solid ;
	border-width: 1px ;
	border-color: rgb(228,228,228) ;
}

div#a-la-une p.titre {
  margin-bottom : 1em ;
}

div#a-la-une div.item {
/*  border-bottom : solid 1px ; */
  margin-top : 0.5em ;
  margin-bottom : 0.5em ;
  margin-left : 1em ;

	background-color: rgb(248,248,250) ;
	border-style: solid ;
	border-color: rgb(228,228,228) #5D8BA2 #5D8BA2 rgb(228,228,228) ;
	border-width: 1px ;
}


div#a-la-une div.item p.item-titre {
	color: #5D8BA2 ;
	font-weight: bold ;
	margin-bottom:0 ;
	font-family: verdana, Helvetica, sans-serif;
}

div#a-la-une div.item p.item-text {
	color: black ;
    margin-left : 1em ;
    margin-top: 0 ;
	margin-bottom:0 ;
	font-family: verdana, Helvetica, sans-serif;
}

div#a-la-une div.item p.item-suite {
	color: black ;
    margin-left : 1em ;
    margin-top: 0 ;
	margin-bottom:0 ;
	margin-top: 4px ;
}


div#a-la-une div.item p.item-suite {
  padding-bottom : 0.2em ;
	margin-right: 2em ;
	text-align: right ;
}

div#a-la-une div.item p.item-suite img {
	width: 18px ;
}

div#a-la-une div.item p.item-suite a {
	text-decoration: none ;
	font-size: 80% ;
}

div#a-la-une div.item table tr td {
	vertical-align: middle ;
}

div#a-la-une img.une_icone {
	height: 70px ;
	border: none ;
	margin-right: 2px ;
}

/* ===========================

	Actualité de la Une

   =========================== */

div#actualite {
	margin-left: 2em ;
	margin-bottom: 1em ;
	padding: 3px ;
	border-style: solid ;
	border-width: 1px ;
	border-color: rgb(228,228,228) ;
}

div#actualite p.titre {
  margin-bottom : 1em ;
}

div#actualite div.item {
/*  border-bottom : solid 1px ; */
  margin-top : 0.5em ;
  margin-bottom : 0.5em ;
  margin-left : 1em ;

	background-color: rgb(248,248,250) ;
	border-style: solid ;
	border-color: rgb(228,228,228) #5D8BA2 #5D8BA2 rgb(228,228,228) ;
	border-width: 1px ;

}

div#actualite div.item p.item-titre {
	color: #5D8BA2 ;
	font-weight: bold ;
	margin-bottom:0 ;
	font-family: verdana, Helvetica, sans-serif;
}

div#actualite div.item p.item-text {
	color: black ;
    margin-left : 1em ;
    margin-top: 0 ;
	margin-bottom:0 ;
	font-family: verdana, Helvetica, sans-serif;
}

div#actualite div.item p.item-suite {
	color: black ;
    margin-left : 1em ;
    margin-top: 0 ;
	margin-bottom:0 ;
}


div#actualite div.item p.item-suite {
  padding-bottom : 0.2em ;
	margin-right: 2em ;
	margin-top: 4px ;
	text-align: right ;
}

div#actualite div.item p.item-suite img {
	width: 18px ;
}

div#actualite div.item p.item-suite a {
	text-decoration: none ;
	font-size: 80% ;
}

div#actualite div.item table tr td {
	vertical-align: middle ;
}

div#actualite img.une_icone {
	height: 50px ;
	border: none ;
	margin-right: 2px ;
}

/* ===========================

	"A noter" de la Une

   =========================== */

div#a-noter {
	position:absolute;
	top: 270px ;
	right: 0px ;
	width: 160px ;
	border: solid 1px #5D8BA2 ;
	padding: 5px ;
	width: 20%
}


div#a-noter p.titre {
  margin-bottom : 1em ;
}

div#a-noter div.item {
	border-top: solid 1px rgb(228,228,228) ;
	padding-top: 0.5em ;
	padding-bottom: 0.5em ;
}

div#a-noter div.item p.item-titre {
	color: #5D8BA2 ;
	font-weight: bold ;
	margin-bottom:0 ;
    line-height: 1em ;
}

div#a-noter div.item p.item-titre a {
	color: #5D8BA2 ;
	font-weight: bold ;
	margin-bottom:0 ;
	text-decoration: none ;
	font-family: verdana, Helvetica, sans-serif;

	font-size: 90% ;
}

div#a-noter div.item p.item-text {
	color: black ;
    margin-left : 1em ;
    margin-top: 0 ;
	margin-bottom:0 ;
	font-size: 70% ;
	font-family: verdana, Helvetica, sans-serif;

}

div#a-noter img.une_icone {
	width: 40px ;
	border: none ;
	float: left ;
	margin-right: 2px ;
}