print13

[auf_bulletin.git] / css / styles_site.css

*
{
outline: none;
} 

body{
	font-size: 12px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555152;
	background: url('img/fondBody.jpg') repeat;
	margin: 0;
	padding: 0;
}

#imprimer{
	background: url('img/print.png') left no-repeat;
	padding-left: 27px;
	width: 160px;
	float: right;
}

a{
	color: #8d022a;
	text-decoration: none;
}

a:hover{
	/*border-bottom: 1px dotted;*/
}

p{
	line-height: 150%;
	text-align: justify;
}

#text .texte{
	margin: 30px 1px 0px 1px;
}

h1, h2, h3, h4, h5, h6, p, form, fieldset, img, blockquote{
	margin: 0;
	padding: 0;
	border: 0;
}

#inside h1{
	font-family: 'BaskervilleNormalRegular';
    src: url('baskerville-normal-webfont.eot');
    src: url('baskerville-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('baskerville-normal-webfont.woff') format('woff'),
         url('baskerville-normal-webfont.ttf') format('truetype'),
         url('baskerville-normal-webfont.svg#BaskervilleNormalRegular') format('svg');
	font-style: italic;
	color:#514B56; border-bottom:1px solid #ccc;
	margin-bottom: 30px;
	padding-top: 30px;
	}
	
#titpub h3{
	margin-bottom: 25px;
	background: url("img/volume.gif") left no-repeat;
	line-height: 22px;
	height: 22px;
	padding-left: 30px;
	}	
	
#inside h1 a{
	color:#514B56;
	}

li{
	line-height: 180%;
	margin-bottom: 1ex;
}

dt{
	font-weight: bold;
	margin-bottom: 1ex;
}

dt img{
	text-align: center;
}

.familyName{
	font-variant: small-caps;
}

.spacer{
	display: block;
	height: 2em;
	clear: both;
}

h2.publiParente, h3, h4{
	margin-bottom: 2ex;
}

h2.publiParente{
	padding-top: 1em;
}

h3.accueil{
	margin-top: 3ex;
	color: #e18600;
}

a.footnotecall, a.FootnoteSymbol{
	font-family: "Bitstream vera sans", verdana, sans-serif;
	font-weight: bold;
}

a.footnotecall{
	font-size: 90%;
	margin-left: .3em;
	font-style: normal;
}

a.footnotecall:before, a.FootnoteSymbol:before{
	content: "[";
}

a.footnotecall:after, a.FootnoteSymbol:after{
	content: "]";
}

a.indexBack{
	display: block;
	font-size: 90%;
	font-family: "Bitstream vera sans", verdana, sans-serif;
	font-weight: bold;
	text-align: right;
	margin-top: 3em;
	border: 0;
}

br.nobr{
	display: none;
}

span.sousTitre{
	display: block;
/* 	margin-top: -.5ex; */
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
}

dl.listArticles dt{
	margin: 2ex 0 0 0;
}

dl.listArticles dd{
	margin: 0 0 0 0;
	padding: 0;
}

dl.listArticles dd.date{
	font-size: 90%;
	font-style: italic;
}

dl.listArticles dd.paruDans{
	font-family: "Bitstream vera sans", verdana, sans-serif;
	font-size: 90%;
	color: #666;
}

dl.listArticles dd.paruDans a{
	color: #666;
}

div.notes p{
	margin-bottom: 1.5ex;
	text-align: justify;
}

img.icone{
	display: block;
	float: left;
	max-width: 200px;
	border: 1px solid #aaa;
	margin-right: 1em;
}

#main{
	position: relative;
	margin: auto;
	width: 890px;
	text-align: left;
}

#accessible, #footer{
	text-align: center;
	color: #e5e8e3;
	padding: .5ex 0;
	font-family: "Bitstream vera sans", verdana, sans-serif;
}

#accessible a, #footer a, #ariane{
	color: #aaa;
}

#cartouche{
	color: #fff;
	background: url('img/testHeader.png');
	height: 179px;
	padding: 0px;
	margin-bottom: 15px;
	font-family: 'BaskervilleNormalRegular';
    src: url('baskerville-normal-webfont.eot');
    src: url('baskerville-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('baskerville-normal-webfont.woff') format('woff'),
         url('baskerville-normal-webfont.ttf') format('truetype'),
         url('baskerville-normal-webfont.svg#BaskervilleNormalRegular') format('svg');
}

#cartouche span.sousTitre{
	font-weight: bold;
	font-size: 40%;
	margin-top: 0;
}


#cartouche a{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 880px;
	margin: 0 auto;
	text-align: left;
	font-size: 55px;
	font-style: italic;
	text-shadow: 1px 1px 1px #444444;
	filter: dropshadow(color=#444444, offx=2, offy=2); 
	background: url("img/bande.jpg") right no-repeat;
	height: 112px;
	padding-top: 53px;
}

#ariane{
	font-family: "Bitstream vera sans", verdana, sans-serif;
	font-size: 90%;
	padding: -.3ex 0 3ex 0;
}

#ariane, #ariane li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#ariane li{
	display: inline;
}

#menu, #inside, #content{
}


#menu{
	position: absolute;
	top: 0px;
	/*font-size: 90%;*/
	/*padding: 13px;*/
	width: 205px;
	height: 490px;
	/*color: #e18600;*/
}

#menu2{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px #b8b8b8;
	-moz-box-shadow: 0px 0px 5px 0px #b8b8b8;
	box-shadow: 0px 0px 5px 0px #b8b8b8; 
	padding-bottom: 1px;
}

/* HACK */

*>#menu{
	height: auto;
	min-height: 490px;
}

#menu ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 16px;
	background: url('img/puce.jpg') left 4px no-repeat;
	padding: 0px 0px 0px 16px;
}

#menu ul li{
	margin-bottom: 11px;
	/*text-transform: uppercase;*/
	font-weight: 200;
}

#menu .rss{
	background: url('img/feed.png') left 4px no-repeat;
	line-height: 22px;
	margin: 0px;
	padding-left: 23px;
}

#menu ul li a{
	color: #555152;
	font-size: 12px;
}

#menu ul li a:hover{
	color: #8D022A;
}

#menu ul{
	margin: 20px 10px 20px 13px;
	padding: 0px;
}

#menu ul li li{
	margin-left: 1em;
}

#menu h3{
	margin: 0px;
	height: 34px;
	line-height: 34px;
	background-color: #514b56;
	color: #fff;
	padding: 0px 13px 0px 13px;
	font-size: 12px;
}

#recherche{
	/*padding: 20px 0px 20px 0px;*/
}

/* The show more button */

#more{
	width:200px;
	height:24px;
	background:url('img/more.png') no-repeat;
	cursor:pointer;
	margin:40px auto;
}

#more:hover{
	background-position:left bottom;
}

#recherche input, #recherche select{
	font-size: 90%;
}

#recherche select{
	width: 150px;
}

#recherche label{
	display: block;
}

#advanced_search{
	margin-top: 2ex;
	padding-top: 1ex;
}

#recherche #advanced_search{
	margin-top: 2ex;
	margin-left: 15px;
	padding-top: 1ex;
}

#qnbresults, #qtype, #qfield{
margin: 10px 0px 10px 0px;
}

#inside #advanced_search{
padding: 15px;
background-color: #f2f2f2;
border: 1px solid #ccc;
margin: 30px 0px;
}

#inside #query{
margin-top: 20px;
}

#advanced_search label{
	font-size: 90%;
}

#rss{
	display: block;
	text-align: center;
	margin: 2ex 0 0 0;
}

#inside{
	margin: 0 0 0 235px;
	padding:  0px 40px 20px 40px;
	height: 510px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px #b8b8b8;
	-moz-box-shadow: 0px 0px 5px 0px #b8b8b8;
	box-shadow: 0px 0px 5px 0px #b8b8b8; 
}

/* HACK */

*>#inside{
	height: auto;
	min-height: 510px;
}

#footer{
	height: auto;
	font-size: 90%;
	border-top: 1px solid #eee;
	z-index: 1;
	margin-top: 30px;
	padding-left: 220px;
}

#inside.article h4{
	margin: 3ex 0 2ex 0;
	/*color: #e18600;*/
}

#enteteDocument{
	margin: 30px 0;
}

#enteteDocument h3{
	margin: 0 0 2ex 0;
}

#enteteDocument h3 span.sousTitre{
	display: block;
	font-size: 80%;
	font-weight: normal;
}


#resume{
	font-size: 90%;
	text-align: justify;
	line-height: 150%;
}

#toc{
}

#toc .toc_section1, div.type{
	font-weight: bold;
}

#menu a.map:before, #toc .toc_section1:before, div.type:before{
	content: "\2794";
	font-weight: normal;
}

#toc .toc_section2:before, #menu ul li li:before{
	content: "\2219";
	font-size: 200%;
	vertical-align: -15%;
}

#menu ul li li:before{
	vertical-align: -30%;
}

#toc .toc_section2{
	margin-left: 1.5em;
}

#toc .toc_section3{
	margin-left: 3em;
}

#toc .toc_section4{
	margin-left: 4em;
}

#toc .toc_section5{
	margin-left: 5em;
}

#toc .toc_section6{
	margin-left: 6em;
}

#texte{
	position: relative;
}

#personDesc, #personInfo{
	clear: both;
	margin-top: 3em;
}

#personInfo dd{
	margin: 0;
}

#personInfo dt{
	margin: 2ex 0 1ex 0;
}

#texte p.texte, #bibliographie p{
	line-height: 150%;
	text-align: justify;
	margin: 1ex 0;
}

#texte p.citation{
	line-height: 150%;
	text-align: justify;
	margin: 2ex 0 2ex 4em;
	font-style: italic; 
	margin-bottom: 2ex;
}

#texte h1, #bibliographie h1{
	font-size: 130%;
	margin: 4ex 0 2ex 0;
}

#texte h2, #bibliographie h2{
	font-size: 120%;
	margin: 3ex 0 2ex 0;
}

#texte h3, #bibliographie h3{
	font-size: 110%;
	margin: 3ex 0 2ex 0;
}

#texte h4, #bibliographie h4{
	font-size: 100%;
	margin: 2ex 0 1ex 0;
}

#texte span.paranumber{
	display: block;
	font-size: 70%;
	color: #aaa;
	left: -2em;
	text-align: right;
	position: absolute;
	font-family: "Bitstream vera sans", verdana, sans-serif;
}

#texte table{
	border-collapse: collapse;
	width: 100%;
}

#texte table td{
	border: 1px solid #aaa;
	padding: 1ex 1em;
	vertical-align: top;
}

#texte table td p.texte{
	margin: 0;
	text-align: left;
}

#flux{
	clear: both;
	margin-top: 4em;
}

#flux ul{
	font-size: 90%;
	font-family: "Bitstream vera sans", verdana, sans-serif;
}

#flux ul, #flux ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}

#flux ul li{
	margin-bottom: 2em;
}

#flux ul a{
	font-weight: bold;
}

#flux ul p{
	margin-top: 1em;
}

#annexes{
	font-size: 90%;
}

#annexes h4{
	font-size: 110%;
}

#bibliographie p{
	text-align: left;
}

#map{
	margin-top: 4em;
}

#map ul, #map ul li{
	list-style: none;
	margin: 2ex 0;
	padding-left: 0;
}

#map ul li{
	font-weight: bold;
	clear: both;
	padding-left: 2.5em;
}

#map ul li li{
	font-weight: normal;
	margin-left: .5em;
}

#map ul li img{
	display: block;
	position: absolute;
	margin-left: -2.5em;
}

#map strong.auteurs{
	display: block;
	font-size: 90%;
}

#tabAlpha{
	font-size: 90%;
	font-family: "Bitstream vera sans", verdana, sans-serif;
	color: #aaa;
}

#alphabet dt{
	font-size: 200%;
	margin: 1.5em 0 .5em 0;
}

#alphabet dd{
	margin: 0 0 1ex 0;
	padding-left: 0;
}

#bottomNav{
	clear: both;
	position: relative;
	padding: 4em 0 2em 0;
}

#bottomNav .previous, #bottomNav .next{
	position: absolute;
	font-family: "Bitstream vera sans", verdana, sans-serif;
	font-size: 90%;
}

#bottomNav .previous{
	left: 0;
}

#bottomNav .next{
	right: 0;
}

/* sommaire **************************************************************** */
#publiHeader h1 .number {display:block; font-weight:bold}
#publiHeader h1 .period {font-weight:normal}
#publiHeader h1 .title {font:1.833em/1.227 Georgia, serif}
#publiSubtitle {margin:1em 0 0}
#homeSummary #publiSubtitle {font:normal 1.416em/1.058 Georgia, serif; margin:.0px 0px 30px 0px;font-family: 'BaskervilleNormalRegular';
    src: url('baskerville-normal-webfont.eot');
    src: url('baskerville-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('baskerville-normal-webfont.woff') format('woff'),
         url('baskerville-normal-webfont.ttf') format('truetype'),
         url('baskerville-normal-webfont.svg#BaskervilleNormalRegular') format('svg');}
#publiAltertitle {font:italic 1.666em/1.35 Georgia, serif; margin:.588em 0 0}
#homeSummary #publiAltertitle {margin:.5em 0 .882em 0}
#publiDate {font-size:.916em; margin:1.636em 0}
#publiDirector {font-size:.916em; margin:0 0 1.636em 0}
#homeSummary #publiDirector {margin-top:0}

#publiIntroduction p {line-height:1.5; margin:0 0 1.1em}
#publiISBN, #publiDescription, #publiOrderLink {margin:1em 0 0}

ul.summary {clear:both; margin:0 0 2,2em; overflow:hidden; padding: 0px !important;}
ul ul.summary, #annexes ul.summary {margin-top:0}
ul.summary li {margin:2em 0 0; list-style:none; position:relative}
ul.summary div.texte li {margin:0 0 0 3em; list-style:square; text-align:left}
ul.summary li.liens p, ul.summary div.texte {margin:1.091em 0 0; font:.916em Verdana, sans-serif}
ul.summary .subtitle {font:normal 1.416em Georgia, serif; margin:.2em 0 0}
ul.summary .altertitle {font:italic normal 1.166em Georgia, serif; margin:.25em 0 0}
ul.summary .director {font-size:.916em; margin:2.181em 0 0}
ul.summary .author, dt.author {font-size:.916em; margin:0 0 .363em}
ul.summary .title, dd.title {font:normal 1.166em Georgia, serif; margin:.285em 0 0}
ul.summary li.textes .subtitle, ul.summary li.fichiers .subtitle, dd.subtitle {font:.916em Verdana, sans-serif; margin:.363em 0 0}
ul.summary li.textes .altertitle, ul.summary li.fichiers .altertitle {font:italic normal .916em Verdana, sans-serif; margin:.363em 0 0}
ul.summary li.textes .date {font:.916em Verdana, sans-serif; margin:.363em 0 0}

ul.summary.collection .number {font:bold .916em Verdana, sans-serif}
ul.summary.collection .subtitle {font:.916em Verdana, sans-serif; margin:0}
ul.summary.collection .introduction {font:.916em Verdana, sans-serif; margin:0}

h2.section {border:solid #E4E4E4; border-width:1px 0}
#docBody h2{margin: 30px 0px 28px 0px; }
h2.section {padding: 10px 0px 8px 0px; font-style:italic; font-family: 'BaskervilleNormalRegular';
    src: url('baskerville-normal-webfont.eot');
    src: url('baskerville-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('baskerville-normal-webfont.woff') format('woff'),
         url('baskerville-normal-webfont.ttf') format('truetype'),
         url('baskerville-normal-webfont.svg#BaskervilleNormalRegular') format('svg');}

/* recherche */
#recherche input[type="text"]{width:137px; height: 19px; font:.833em Verdana, sans-serif; border:1px solid #d2d2d2; padding:2px 2px; color:#888; background:#FFF; margin-left: 13px;}
#recherche .searchbutton{height: 25px; border:1px solid #bbb;background-color: #eee;}
#recherche .searchbutton:hover{background-color: #ccc;}

#publiInformation img {border:1px solid #999; padding: 5px; margin-bottom: 10px;}
#publiInformation {float:left; font:.833em Verdana, sans-serif; overflow:hidden; margin:0px 13px 5px 0px;}

#docBody{
margin-top: 25px;
}

.go-top{
	margin: 20px 0px 0px 0px;
	font-size: 11px;
	display: inline-block;
}

.goContents{
	font-size: 11px;
}

#notes .notebaspage span{
text-decoration: none !important;
color: #8D022A !important;
}

#logobarre{
text-align: center;
margin: 30px 0px 20px 0px;
padding: 15px 0px 15px 0px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 5px 0px #b8b8b8;
	-moz-box-shadow: 0px 0px 5px 0px #b8b8b8;
	box-shadow: 0px 0px 5px 0px #b8b8b8; 
}

.paranumber{
 font-size: 9px;
 text-align: center;
 position: relative;
 left: -25px;
 }
 
 #text .texte img{
 float: left;
 margin: 0px 40px 25px 0px !important;
 }
 
 /* The UL that contains the search type icons */

.icons{
	list-style:none;
	padding: 5px;
	height:14px;
	background-color: #8D022A;
	position:relative;
	border-bottom: 10px solid #514B56;
	margin: 30px 0px 30px 0px;
}

.icons li{
	background:url("img/icons.png") no-repeat;
	float:left;
	height:19px;
	text-indent:-9999px;
	cursor:pointer;
	margin-right:14px;
	margin-left: 10px;
}

/* Styling each icon */

li.web{ width:15px;}
li.web.active,
li.web:hover{ background-position:left bottom;}

li.images{ width:22px; background-position:-18px 0;}
li.images.active,
li.images:hover{ background-position:-18px bottom;}

li.news{ width:14px; background-position:-44px 0;}
li.news.active,
li.news:hover{ background-position:-44px bottom;}

li.videos{ width:17px; background-position:right 0;}
li.videos.active,
li.videos:hover{ background-position:right bottom;}

span.arrow{
	/* The little arrow that moves below the icons */
	
	width:11px;
	height:6px;
	margin:21px 0 0 5px;
	position:absolute;
	background:url('img/arrow.png') no-repeat;
	left:0;
}

.webResult{
	padding: 20px;
	font-size: 10px;
	margin-bottom: 20px;
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	}
	
.imageResult{
	padding: 20px;
	font-size: 10px;
	margin-bottom: 20px;
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	text-align: center;
	}
	
.webResult H2{
	font-size: 12px;
	}