/* ************************************************************************* *
 * Lodel 0.8 - CLEO                                                          *
 * ************************************************************************* */

@import "cleo.css";

* {margin:0;padding:0;border:none;}

body {
	background:#29709E;
	color:#333;
	font:75%/1.5 Verdana, sans-serif;
}

a:link    {color:#308F90;text-decoration:none}
a:visited {color:#666;text-decoration:none}
a:hover   {color:#7E2305;text-decoration:none}
a:active  {color:#7E2305;text-decoration:none}

input.submit, input.button {cursor:pointer}
input.button {font-weight:normal}
img {vertical-align:middle}
hr {height:0;visibility:hidden}


/* blocs principaux ******************************************************** */

#global {
	width:70em;
	margin:4em auto;
	background:#29709E url(../images/global-bg.png) repeat-y 0 0;
	padding:0 0 0 24px;
}

#access {
	padding:.5em 1em;
	background:#D4E6A4;
}

#header {
	position:relative;
	padding:34px 0 0 0;
	background:#FFF url(../images/header-bg.png) no-repeat 0 0;
}

#content {
	padding:4.5em 4em 4em 0;
	background:#FFF url(../images/content-bg.png) no-repeat 0 0;
	clear:both;
}

#main {
	float:right;
	width:47em;
}

#nav {
	float:left;
	width:19em;
	margin-left:-64px;
	padding-left:16px;
	background:transparent url(../images/nav-bg.png) repeat-y 0 0;
	font:.9em Verdana, Arial, sans-serif;
}

#footer {
	clear:both;
	margin:0 -24px;
	padding:8em 0 0 0;
	color:#CCF189;
	background:#29709E url(../images/footer-bg.gif) repeat-x 0 0;
	text-align:center;
	border-right:24px solid #29709E;
	border-left:24px solid #29709E;
}


/* entête ****************************************************************** */

#access ul, #access form,
#access li, #access fieldset {
	display:inline;
}

#access li {
	list-style:none;
	margin-right:1em;
}

#siteName {
	background:#C1E835 url(../images/header-sitename-a-bg.png) no-repeat 0 0;
}

#siteName a {
	display:block;
	width:504px;
	height:0px;
	padding-top:103px;
	color:#CAF041;
	background:#C1E835 url(../images/header-sitename-a-bg.png) no-repeat 0 0;
	border-left:15px solid #FFF;
	overflow:hidden;
}

#siteDescription {
	position:absolute;
	top:19px; right:0;
	width:213px;
	height:0px;
	padding-top:122px;
	background:transparent url(../images/header-sitedesc-bg.gif) no-repeat 0 0;
	overflow:hidden;
}

/* recherche ************************************************************** */

#search {
	float:right;
	margin-top:-1.5em;
}


/* pied de page *********************************************************** */

#footer a {
	color:#CCF189;
}

#footer a:hover {
	color:#FFF;
}

#footer p {
	font:bold .9em Verdana, Arial, sans-serif;
}


/* accueil ***************************************************************** */

#home {
	padding-top:.4em;
}

#home h1 {
	margin-left:-1.2em;
	padding:.4em 25em .4em 3.33em;
	background:#c30 url(../images/home-h1.png) no-repeat 16em 0;
	color:#FFF;
	font:bold 1.2em/1 Verdana, Arial, sans-serif;
}

#home h1.alt {
	background-image:url(../images/home-h1-alt.png);
}

#presentation {
	padding:1.5em 2.5em 2.5em;
	color:#FFF;
	background:#266996;
}

#presentation img {
	float:left;
	margin:.5em 1.5em .5em 0;
}

#presentation p {
	padding:0 0 2em 0;
}

#presentation a {
	color:#CCF189;
	font-weight:bold;
}

#presentation a:hover {
	color:#FFF;
}

#presentation #logos {
	padding:10px;
	border:1px solid #999;
	background:#F6F6F6;
	width:482px;
	overflow:hidden;
}

#presentation #logos img {
	margin-right:24px;
	vertical-align:middle;
}

#syndication {
	padding:0 1.5em 1.5em 2.5em;
	background:#D8E5EE;
	color:#333;
	text-align:right;
}

#syndication h2 {
	margin:0;
	color:#1C4B69;
	font-size:1em;
	text-transform:uppercase;
	text-align:left;
}

#syndication .feed {
	display:table-cell; display:inline-table; display:inline-block;
	width:20em;
	vertical-align:top;
	margin:1.5em 1.166em 0 0;
	padding:0 0 1.5em 0;
	background:transparent url(../images/dashes-333.gif) repeat-x left bottom;
}

#syndication ul {
	margin:0 1.166em;
	text-align:left;
}

#syndication li {
	margin:1em 0;
	font:.916em/1.272 Verdana, Arial, sans-serif;
}

#syndication a { color:#333 }
#syndication a:hover { color:#7E2305 }

#syndication a.more {
	color:#930;
	font:bold .9em/1.2 Verdana, Arial, sans-serif;
}

#syndication a.more:hover {
	color:#C30;
}


/* article ***************************************************************** */

#docHeader, #publiHeader {
	position:relative;
	padding-left:2em;
}

#docParent, #publiTitle {
	color:#245D82;
	font:italic normal 4em/1 Georgia, serif;
	letter-spacing:.05em;
	word-spacing:.05em;
}

#docParent br, #publiTitle br {
	display:none;
}

#docParent span, #publiTitle span {
	display:block;
	font-size:.5em;
	letter-spacing:0;
	word-spacing:0;
}

#docParent.persons {
	margin: 0 0 1em .5em;
}

#docTitle {
	margin:1.5em 0 0 -4.666em;
	padding:25px 0 5px 4.666em;
	background:#C30 url(../images/docbody-h2-bg.gif) no-repeat 0 0;
	color:#FFF;
	font:bold 1.2em/1.2 Verdana, Arial, sans-serif;
}

#docURL {
	margin:.5em 0 1.5em 0;
}

#docURL a {
	font-size:1.2em;
}

#docIcon {
	margin:1.5em 0 0 1.5em;
}

#docBody {
	padding:1em 0 20px 2em;
	background:#FFF url(../images/docbody-bg.png) no-repeat 2em bottom;
}

#docBody a {
	font-weight:bold;
}

#docBody p {
	margin:1.5em 0;
}

#docBody ul {
	margin:1.5em 3em;
}

#docBody li {
	margin:.5em 0;
	list-style:square outside;
	/*color:#888;*/
}

#docBody #revuesCleo li {
	margin:0;
	padding-right:32px; /* label CNRS */
	color:#333;
}

#docText h1, #feed h1 {
	margin:3.5em 0 1.5em 0;
	padding-left:30px;
	background:#fff url(../images/doctext-h1-bg.png) no-repeat 0 0;
	font:bold 1em/1.2 Verdana, Arial, sans-serif;
}

#docText h1, #docText h1 a {
	color:#C30;
}

#docText h2 a {
	color:#333;
}

#docText h2, #feed h2 {
	margin:0; padding:0;
	background:#FFF;
	font:bold 1em Verdana, Arial, sans-serif;
}

#docText img {
	/*display:block;
	margin:0 auto;*/
}

#docannexes h2 {
	background:#FFF;
	font:bold 1em/1.2 Verdana, sans-serif;
	padding:0 0 .4em 0;
}

#docannexes h2 span.text {
	color:#FFF;
	background:#29709E url(../images/bg-docannexes.png) no-repeat right top;
	padding:.3em 5em .3em 1em;
}

#docannexes {
	background:#D4E2EB;
	padding:0 0 .5em 0;
	margin:3em 0 0 0;
}

#docannexes ul {
	margin:1em;
}

#docannexes li {
	list-style:none;
	margin:0 0 1em 0;
}

p.texte {
	/*position:relative;*/
	text-align:justify;
}

p.citation {
	/*position:relative;*/
	padding:0 2em;
	color:#666;
}

a.top {
	float:right;
	margin-top:4em;
}

div.textIcon {
	margin-bottom: 3ex;
}

div.textIcon a.fullSize img {
	vertical-align:bottom;
}

#feed {
	position:relative;
}

#feed ul {
	margin:0;
	padding:0 6em 0 0;
}

#feed li {
	margin:1.5em 0;
	list-style:none;
}

#feed p {
	margin:0;
	font-size:.9em;
}

#docBody #feedSubscribe {
	font-size:1em;
	position:absolute;
	top:-.2em; right:0;
	margin:0;
}

#feedSubscribe a {
	font-weight:normal;
}

#feedSubscribe img {
	vertical-align:text-bottom;
}

/* navigation ************************************************************** */

#nav h1 {
	height:0;
	visibility:hidden;
}

#nav h2 {
	margin-left:-14px;
	padding:.6em 2.2em;
	background:#87C412 url(../images/nav-h2-bg.gif) no-repeat 0 50%;
	color:#FFF;
	font-size:1.2em;
	text-transform:uppercase;
}

#nav .firstItem {
	background:#87C412 url(../images/nav-h2-first-bg.gif) no-repeat 0 50%;
}

#nav ul {
	margin:1em 1.5em 1.5em;
}

#nav li {
	list-style:none;
}

#nav h2 a {
	color:#FFF;
}

#nav h2 a:hover {
	color:#EEE;
}

#nav li a {
	display:block;
	padding:.7em 0 .7em 1em;
	color:#29709E;
	background:transparent url(../images/nav-li-bg.png) repeat-x left bottom;
}

#nav li a:hover {
	color:#C30;
	background-color:#FFF;
}

#nav li span.current {
	display:block;
	padding:.7em 0 .7em 1em;
	color:#C30;
	background:transparent url(../images/nav-li-bg.png) repeat-x left bottom;
}

#navPublications {
	background:#F4F4F4;
	padding-bottom:1em;
}

#navLogos {
	margin-top:1em;
	/*background:#E3EBCF;*/
}

#navBottomShadow {
	width:100%;
	height:15px;
	margin-left:-16px;
	background:transparent url(../images/nav-bottomshadow-bg.png) no-repeat bottom left;
}

#navBottomShadow div {
	width:15px; height:15px;
	float:right;
	margin-right:-15px;
	background:transparent url(../images/nav-bottomshadow-corner-bg.png) no-repeat bottom right;
}

p#ariane {
	color:#666;
	margin:-4em 0 2.555em 2.222em;
	font:.9em Verdana, Arial, sans-serif;
}

#ariane em.current {
	color:#245D82;
	font-style:normal;
}

#ariane a { color:#666 }
#ariane a:hover { color:#7E2305 }



/* Liste des revues */

#revuesCleo {
	margin-top:3em;
}

#revuesCleo h2, #equipe, #collabs{
	margin-left:-2.3em;
	padding:.4em 30em .4em 3.8em;
	background:#900 url(../images/revuescleo-h2.png) no-repeat 18.53em 0;
	color:#FFF;
	font:bold 1em/1 Verdana, Arial, sans-serif;
}

#equipe, #collabs{
	padding:.4em 0 .4em 3em;
	margin-left: -3.2em;
	width: 17.1em;
	background: #AAD416 url(../images/publi-h1.png) no-repeat 18.4em 0;
}

#collabs{
	margin-top: 3em;
	background-image: url(../images/publi-h1-2.png);
}

#revuesCleo h2.alt {
	background:#C00 url(../images/revuescleo-h2-alt.png) no-repeat 13em 0;
}

#revuesCleo div {
	padding:1em 0;
}

#revuesCleo ul {
	margin:0 1.5em 1.5em 1.5em;
}

#revuesCleo li {
	padding:.8em 0 1em 0;
	list-style:none;
	background:transparent url(../images/dashes-999.gif) repeat-x left bottom;
	line-height:1.2;
	position:relative;
}

#revuesCleo #revues {
	background:#F5F5F5;
}

#revuesCleo #cahiers {
	background:#ECECEC;
}

#revuesCleo #revues li:hover,
#revuesCleo #revues .hover {
	background-color:#FFF;
}

#revuesCleo #cahiers li:hover,
#revuesCleo #cahiers .hover {
	background-color:#F5F5F5;
}

#revuesCleo a {
	color:#C30;
	font-weight:normal;
}

#revuesCleo a:hover {
	color:#29709E;
}

span.links {
	display:block;
	font-size:.9em;
	margin-top:.45em;
}

#revuesCleo img {
	position:absolute;
	top:.6em; right:0;
}

a.top {
	display:block;
	width:16px;
	height:16px;
}


/* typographie ************************************************************* */

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

/* divers ****************************************************************** */

/* Clearfix */
#content:after, #presentation:after, #syndication:after,
#docBody:after, #docIndex:after, #navDocument:after,
#alphabet:after, #widgets:after, #sommaire li:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* annuaire personnes */

#summary.annuairedepersonnes, #individu{
	background: #29709E;
	margin: 0 0 0 .3em;
	padding: 1.4em 1em 1em 1em;
}

#summary.annuairedepersonnes h3, #individu h3{
	font-weight: bold;
/* 	font-family: Arial; */
	color: #C6ED3C;
	clear: both;
	padding: 1em 2.3em 0 2.3em;
	font-size: 110%;
	border-top: 1px dashed #fff;
	margin: 1.5em -2em -.5em -2em;
	text-transform: uppercase;
}

#summary.annuairedepersonnes h3.first{
	padding: 0 0 0 .3em;
	border: none;
	margin: 0 0 -.5em 0;
}

#summary.annuairedepersonnes a.top, #individu a.top{
	margin-right: -1em;
}

div.person{
	color: #fff;
	width: 48%;
	float: left;
	min-height: 65px;
	margin: 2em .5em 0 0;
}

div.person a{
	color: #fff;
}

div.person img{
	display: block;
	float: left;
	margin: 0 .8em 0 0;
	padding: 4px 4px 10px 10px;
	background: url(../images/cadre-photo.png) top left no-repeat;
}

div.person p.info{
	font-weight: normal;
	font-size: .9em;
}

div.person strong{
	display: block;
	padding-left: .5em;
}

div.person strong.people{
	font-weight: normal;
}

#individu div.person{
	min-height: 149px;
	width: 100%;
	float: none;
	margin: 1em 0 3em 0;
}

#individu div.person strong{
	padding: 0;
}

#individu h3{
	clear: none;
	border: 0;
	padding: 0;
	font-size: .8em;
	margin: 1em 0 .2em 0;
}

#individu div.person img{
	margin: 0;
	padding: 5px 5px 12px 12px;
	background: url(../images/cadre-photo-big.png) top left no-repeat;
}

#individu div.infos{
/* 	margin: 0 0 0 210px; */
	float: left;
	width: 60%;
	padding: 0 3 0 1em;
	margin-left: 1.3em;
}

#individu div.infos.full{
	width: 100%;
	margin-left: .5em;
}


#individu div.person strong.people, #individu div.person strong.fonction{
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 1.5em;
}

#individu div.person strong.fonction{
	color: #97D6FD;
	font-style: italic;
	margin: -.2em 0 .2em 0;
}

#individu div.person div.accroche, #individu div.person div.description{
	font-size: .9em;
	margin-bottom: 1em;
}

#individu ul, #individu li{
	list-style: none;
}

#individu li{
	color: #97D6FD;
}

#individu div.infos a{
	font-weight: bold;
	color: #C6ED3C;
}

#individu div.infos a:hover{
	color: #FFF;
}

ul.persons, ul.persons li{
	list-style: none;
}

ul.persons{
	width: 100%;
	background: #7AB1D4;
	margin: 0 -1em -1em -1em;
	padding: 0 1em 1em 1em;
}

ul.persons li{
	font-size: .8em;
	color: #FFF;
	border-bottom: 1px dashed #fff;
	padding: .8em 1em;
	margin: 0 -1em;
}

ul.persons li.last{
	border-bottom: 0;
}

br.clear{
	clear: both;
	height: 0;
}

#individu h4{
	background: #225D83 url(../images/individu-h3-bg.png) 1em 50% no-repeat;
	padding: 1.3em 1em 1.3em 4em;
	margin: 2.5em -1em 2em -1em;
}

#individu ul.syndication{
	margin: 0 0 2em 1em;
}

#individu ul.syndication li, #individu dl.syndication dt{
	font-size: .9em;
	list-style-type: disc;
	color: #CAFA1F;
}

#individu ul.syndication li a, #individu dl.syndication dt a{
	color: #CAFA1F;
}

#individu ul.syndication li a:hover, #individu dl.syndication dt a:hover{
	color: #FFF;
}

#individu dl.syndication dt a{
	font-weight: bold;
}

#individu dl.syndication dd{
	font-size: .9em;
	margin-bottom: .7em;
}

#individu h5{
	color: #97D6FD;
	font-size: 1em;
	margin-bottom: .5em;
}

#sommaire {
	padding:3em 0 5.666em 2em;
	background:#FFF url(../images/docbody-bg.png) no-repeat 2em bottom;
}

#sommaireTitle {
	margin:1.5em 0 0 -4.666em;
	padding:25px 0 5px 4.666em;
	background:#C30 url(../images/docbody-h2-bg.gif) no-repeat 0 0;
	color:#FFF;
	font:bold 1.2em/1.2 Verdana, Arial, sans-serif;
}

ul.summary {
	list-style:square outside;
	color:#888;
}

ul.summary li {
	margin:0 0 2em;
}

ul.summary li li {
	margin:0;
}

ul.summary .title {
	font-weight:bold;
}

ul.summary .altertitle {
	color:#666;
}

/* filtre média */
div.media .auteurs, div.media .licence ,div.media .credit, div.media .urlaccesmedia,
div.media div.description, div.media div.legendeillustration {
    color:#666; font:.916em/1.309 Verdana, sans-serif; margin:.545em 0 .545em 0; text-align:left;
}
div.media div.titreillustration {
    color:#666; font:bold .916em/1.309 Verdana, sans-serif; margin:3.272em 0 .545em 0; text-align:left
}