body
{
	margin:0;
	padding:0 30px 10px;
	color:#000;
	background:#fff;
	font:normal 12px/1.5 arial,sans-serif;
}

/*################################################################
## =PAGE STRUCTURE (ZONES)                                      ##
################################################################*/

/* =ALL PAGES
################################################################*/

/* =Branding
----------------------------------------------------------------*/
#branding
{
	padding-top:10px;
	width:100%;
	background:#fff;
}

/* =Banner
----------------------------------------------------------------*/
#banner
{
	display:none;
}

/* =Bottom Content
----------------------------------------------------------------*/
#bottomcontent
{
	display:none;
}

/*=Footer (pages)
----------------------------------------------------------------*/
#footer
{
	margin:.5em 0;
	padding:.5em 16px;
	text-align:center;
}

/* =CONTENT PAGES
################################################################*/

/* =Secondary
----------------------------------------------------------------*/
#secondary
{
	display:none;
}

/* =Multimedia (rightmost column)
----------------------------------------------------------------*/
#multimedia
{
	display:none;
}

/* =Related informations
Contains: #details (contains #docs and #mixed) and #browse
----------------------------------------------------------------*/
#relatedinfos
{
	display:none;
}


/*################################################################
## PAGE ELEMENTS (EXCLUDING CONTENTS)                           ##
################################################################*/

/* =ALL PAGES
################################################################*/

/* =Branding zone elements
----------------------------------------------------------------*/
#logo
{
	margin:0 0 10px 0;
}
#languages_search
{
	display:none;
}

/*################################################################
## =CONTENTS                                                    ##
################################################################*/

/* =MISCELLANEOUS CONTENT STYLES
################################################################*/

/* =Remove top margin and padding
----------------------------------------------------------------*/
.notop
{
	margin-top:0;
	padding-top:0;
}

/* =Remove bottom margin and padding
----------------------------------------------------------------*/
.nobottom
{
	margin-bottom:0;
	padding-bottom:0;
}

/* =Paragraphs containing images (bottom zone)
must have only a small bottom margin
----------------------------------------------------------------*/
.imgcontainer
{
	margin:0 0 .5em 0;
	padding:0;
}

/* =Align text to the right
----------------------------------------------------------------*/
.alignright
{
	text-align:right;
}

/* =Align text to the center
----------------------------------------------------------------*/
.aligncenter
{
	text-align:center;
}

/* =Styles for description paragraphs
Used in highlights in multimedia column / bottom 5 cols zone
When in multimedia, must have a bottom margin and a shadow
----------------------------------------------------------------*/
p.description
{
	margin-top:0;
	padding-top:0;
}
#multimedia p.description
{
	margin:0 0 3em 0;
	padding:0 0 20px 0;
	background:url(../img/bkg_shadowcol.gif) bottom left no-repeat;
}

/* =Messages
Alert messages, categories description, etc.
----------------------------------------------------------------*/
.message
{
	padding:10px;
	border:1px solid #7ce3ff;
	background:#eff9fc;
	clear:both;
}


/* =additional informations (pages)
Contains: dates, categories for entries, etc.
----------------------------------------------------------------*/
p.date,p.type,p.categories,p.infos
{
	color:#999;
	text-transform:uppercase;
	font-size:.85em;
	margin:.5em 0;
	padding:0;
}
p.contentinfos
{
	color:#999;
	text-transform:uppercase;
	font:normal .85em/1.5 arial,sans-serif;
	padding:2px 0 2px 15px;
	background:url(../img/icn_news.gif) 0 .4em no-repeat;
}


/* =Hide things
----------------------------------------------------------------*/
hr
{
	display:none;
}

/* =LISTS
################################################################*/

/* =Content lists
Bullets must be inside in #content div to avoid overlapping with
floated image containers.
The second set of rules has higher specificity and overrrides this
behaviour for #comments and #relatedinfos zones (that are included in
#content)
----------------------------------------------------------------*/
#content ul
{
	list-style-position:inside;
}

#content #comments ul, #content #relatedinfos ul
{
	list-style-position:outside;
}

/* =Website list (pages)
----------------------------------------------------------------*/
ul.websiteslist li
{
	margin-bottom:1em;
}
ul.websiteslist li a
{
	padding:.5em 0;
	border:none; /*override default styles for links*/
	text-decoration:none;
	font-size:1.5em;
}
ul.websiteslist li a span
{
	display:block;
	font-size:0.55em;
	text-transform:uppercase;
	color:#4e4e4e;
}
/* colors */
ul.websiteslist li.ipf a
{
	color:#4192a7;
}
ul.websiteslist li.pea a
{
	color:#4F4F4F;
}
ul.websiteslist li.scp a
{
	color:#8dad00;
}
ul.websiteslist li.edu a
{
	color:#d97d00;
}
ul.websiteslist li.exp a
{
	color:#c71a00;
}
/* =Projects list (home page only)
----------------------------------------------------------------*/
#projects ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#projects ul li.last
{
	margin:0;
}
#projects h3
{
	font-size:1em;
	font-weight:bold;
	margin:1em 0 .5em;
	padding:0;
	text-transform:none; /*overrrides default style for titles*/
}

/* =Simple lists (pages)
small lists with just bullets and no separators between li
Used in related info zone
----------------------------------------------------------------*/
ul.simplelist
{
	list-style:none;
	padding:0;
	margin:1em 0;
}
ul.simplelist li
{
	margin:0;
	padding:.1em 0 .1em 8px;
	background:url(../img/bull_default.gif) 0 .7em no-repeat;
}

/* =Icon lists (pages)
small lists (only one paragraph in summaries)
with just icons / titles / additional infos
----------------------------------------------------------------*/
ul.smalllist
{
	list-style:none;
	margin:0;
	padding:0;
}
ul.smalllist li
{
	margin:.5em 0 0;
	padding:0 0 .5em 15px;
	border-bottom:1px dotted #7ce3ff;
	background:url(../img/bull_default.gif) 3px .6em no-repeat;
}
ul.smalllist li.first /*get rid of padding for first li in list*/
{
	margin:0;
	padding:0 0 .5em 15px;
}
ul.smalllist h3
{
	font:normal 1em/1.5 arial,sans-serif;
	padding:0;
	margin:0;
	text-transform:none; /*overrrides default style for titles*/
}
ul.smalllist h3 a
{
	border:none;
}
ul.smalllist p
{
	margin:0;
	padding:0;
}

/*remove last li bottom border in certain cases for capable browsers > border removed in related informations lists*/
#details ul.smalllist li:last-child
{
	border-bottom:none;
}

/*various icons*/
ul.smalllist li.news
{
	background:url(../img/icn_news.gif) 0 .3em no-repeat;
}
ul.smalllist li.event
{
	background:url(../img/icn_event.gif) 0 .3em no-repeat;
}
ul.smalllist li.doc
{
	background:url(../img/icn_doc.gif) 0 .3em no-repeat;
}
ul.smalllist li.project
{
	background:url(../img/icn_project.gif) 0 .3em no-repeat;
}

/* =Detailed list with icons (list pages)
Detailed lists with Title, Date, Summary and icons
----------------------------------------------------------------*/
#content ul.detailedlist /*needs higher specificity to override default inside bullets for lists in #content area*/
{
	list-style:none;
	margin:1em 0 0;
	padding:0;
	list-style-position:outside;
}
ul.detailedlist li
{
	margin:0;
	padding:.5em 0 .5em 15px;
	border-top:1px dotted #7ce3ff;
}
ul.detailedlist h2
{
	font:bold 1.3em/1.5 arial, sans-serif;
	padding:0;
	margin:.5em 0;
	text-transform:none; /*overrrides default style for titles*/
}
ul.detailedlist p
{
	padding:0;
	margin-top:0;
}
ul.detailedlist p.date
{
	padding:0;
	margin:0;
}
ul.detailedlist a
{
	border:none;/*overrides default style for links*/
}

/*various icons*/
ul.news li
{
	background:url(../img/icn_news.gif) 0 1.5em no-repeat;
}
ul.event li
{
	background:url(../img/icn_event.gif) 0 1.5em no-repeat;
}
ul.doc li
{
	background:url(../img/icn_doc.gif) 0 1.5em no-repeat;
}
ul.project li
{
	background:url(../img/icn_project.gif) 0 1.5em no-repeat;
}
ul.search li
{
	background:url(../img/icn_project.gif) 0 1.5em no-repeat;
}
ul.default li
{
	background:url(../img/bull_default.gif) 0 1.95em no-repeat;
}

/* =Detailed list (list pages)
Detailed lists with Image, Title, Date, Summary no icons
----------------------------------------------------------------*/
ul.pictdetailedlist
{
	list-style:none;
	margin:1em 0 0;
	padding:0;
}
ul.pictdetailedlist li
{
	float:left; /*contains floated children (paragraph holding picture in this case)*/
	width:100%; /*makes sure these are under each other*/
	clear:both; /*makes sure these are under each other*/
	margin:0;
	padding:1em 0;
	border-top:1px dotted #7ce3ff;
}
ul.pictdetailedlist h2
{
	font:bold 1.3em/1.5 arial, sans-serif;
	padding:0 0 0 94px;
	margin:0 0 .5em 0;
	text-transform:none; /*overrrides default style for titles*/
}
ul.pictdetailedlist a.imglink
{
	margin:0;
	float:left;
}
ul.pictdetailedlist p.image
{
	float:left;
	padding:0;
	margin:0;
}
ul.pictdetailedlist p
{
	padding:0 0 0 94px;
	margin-top:0;
}
ul.pictdetailedlist p.date
{
	padding:0 0 0 94px;
	margin:0;
}
ul.pictdetailedlist a
{
	border:none;/*overrides default style for links*/
}

/* =Small list with images (explorers / eshop) (pages)
----------------------------------------------------------------*/

ul.smalllistimg
{
	list-style:none;
	margin:0;
	padding:0;
}
ul.smalllistimg li
{
	padding:.5em 0;	
	border-bottom:1px dotted #7ce3ff;
}
ul.smalllistimg li.first
{
	padding:0;
}
ul.smalllistimg a.imglink
{
	float:left;
}
ul.smalllistimg h3
{
	font:normal 1em/1.5 arial,sans-serif;
	margin:0;
	padding:0 0 0 60px;
	text-transform:none; /*overrrides default style for titles*/
}
ul.smalllistimg h3 a
{
	border:none;
}
ul.smalllistimg p
{
	margin:0;
	padding:0;
}
ul.smalllistimg p.type
{
	margin:0;
	padding:0 0 .6em 60px;
}

/* =Sitemap list (pages)
----------------------------------------------------------------*/

ul.sitemap
{
	list-style:none;
	margin:0;
	padding:0;
}
ul.sitemap li
{
	padding:.5em 0;
}

ul.sitemap a
{
	font-weight:bold;
}
ul.sitemap ul
{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
ul.sitemap ul li
{
	padding:0;
}
ul.sitemap ul li a
{
	font-weight:normal;
	padding:0 0 0 10px;
	background:url(../img/bkg_arrowright.gif) 0 .5em no-repeat;
}
/* =Category list (pages)
----------------------------------------------------------------*/
ul.categories
{
	list-style:none;
	margin:0 0 5em 0;
	padding:0;
}
ul.categories li
{
	display:inline;
}
ul.categories li a
{
	display:block;
	padding:.5em 0;
	border:none; /*overrides default link styles*/
	border-top:1px dotted #7ce3ff;
}
ul.categories li a.current
{
	color:#000;
}
ul.categories li a span
{
	color:#4e4e4e;
}

/*subcategories*/
ul.subcategories
{
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
}
ul.subcategories li
{
	display:inline;
}
ul.subcategories li a
{
	display:block;
	padding:.3em 0 .3em 10px;
	border:none;
	background:url(../img/bkg_arrowright.gif) 0 .9em no-repeat;
}
ul.subcategories li a.current
{
	color:#000;
}
ul.subcategories li a span
{
	color:#4e4e4e;
}

/* =Secondary navigation list (pages)
----------------------------------------------------------------*/
ul.secondarynav
{
	list-style:none;
	margin:0 0 5em 0;
	padding:0;
}
ul.secondarynav li
{
	padding:.5em 0;
	margin:0;
	border-bottom:1px dotted #7ce3ff;
}
ul.secondarynav li.first
{
	padding-top:0;
}
ul.secondarynav a
{
	display:block;
	border:none; /*override default link styles*/
	text-transform:uppercase;
	font-weight:bold;
	padding-left:10px;
	background:url(../img/bull_secondarynav.gif) 0 .5em no-repeat;
}
ul.secondarynav a.current
{
	color:#000;
}


/* =Copyrights list (multimedia detail pages)
----------------------------------------------------------------*/
ul.copyright
{
	list-style:none;
	margin:0 0 5em 0;
	padding:.5em 0;
	border-top:1px dotted #7ce3ff;
	border-bottom:1px dotted #7ce3ff;
}
ul.copyright li
{
	padding-left:20px;
	font-size:.90em;
}
ul.copyright li.photo
{
	background:url(../img/icn_picture.gif) 0 .3em no-repeat;
}
ul.copyright li.copy
{
	background:url(../img/icn_copyright.gif) 0 .3em no-repeat;
}

/* =Alphabet interface
----------------------------------------------------------------*/
ul#alphabetlist
{
	width:85%;
	list-style:none;
	margin:2em auto;
	padding:0;
}
ul#alphabetlist li
{
	display:inline;
}
ul#alphabetlist a
{
	margin-left:2px;
	padding:0 2px;
	border:none; /*override default link styles*/
}
ul#alphabetlist a.current
{
	background:#49a5be;
	color:#fff;
}

/* =Pagination interface
----------------------------------------------------------------*/
#pagination
{
	display:none;
}

/* =Eyecatch boxes (pages)
----------------------------------------------------------------*/

/* =Sponsors list (pages)
----------------------------------------------------------------*/
ul#sponsors
{
	list-style:none;
	margin:0;
	padding:0;
}
ul#sponsors li
{
	display:inline;
}
ul#sponsors li a
{
	margin-left:10px;
	border:none;
}
ul#sponsors li a.first
{
	margin:0;
}

/* =COMMENTS
################################################################*/

/*Comment form is in =FORMS section*/
#comments
{
	width:100%;
}

/* =comments list
----------------------------------------------------------------*/
#comments ul
{
	list-style:none;
	padding:0;
	margin:0;
}
#comments li
{
	padding:.5em 0;
	margin:0;
	border-top:1px dotted #7ce3ff;
	width:100%;
}
#comments li.admin
{
	border-top:1px solid #000;
}
#comments li.admin p.author
{
	font-weight:bold;
}
/*comment info and body must be displayed underneath eachother and not side by side like in the screen layout*/
/*div.commentinfos
{
	float:left;
	width:168px;
}
div.commentbody
{
	float:right;
	width:357px;
}*/
div.commentbody h3
{
	margin-top:0;
	padding-top:0;
}
p.author
{
	margin-top:0;
	padding-top:0;
}

/* =FORMS
################################################################*/

/* =general rules
----------------------------------------------------------------*/
form
{
	margin:2em 0;
	clear:both;
}
form div
{
	padding:.8em 0;
	border-top:1px dotted #7ce3ff;
}
form div.indent
{
	padding:.8em 0 .8em 168px;
	border-top:1px dotted #7ce3ff;
}

form div p,form div.indent p
{
	padding:0;
	margin:0;
}
form div.neutral /*no border here*/
{
	border:none;
}
form label
{
	float:left;
	width:168px;
	font-weight:bold;
}
form label.inline
{
	float:none;
	font-weight:bold;
}
form label span
{
	font-weight:normal;
	color:#cc0000;
}

/* =missing fields (when required fields are not filled in)*/
.missingfield
{
	background:#f58f80;
}
/*Titles in forms must be colored to avoid confusion with form labels*/
form h1, form h2, form h3
{
	color:#ea1e00;
}

/* =search forms
#searchform = top of page
#searchformagain = search results
----------------------------------------------------------------*/
form#searchform
{
	clear:both;
	margin:0;
	padding:0;
}
form#searchform p
{
	margin:0 0 10px 0;
	padding:0;
}
form#searchformagain
{
	margin:0;
	padding:0;
	border-top:1px dotted #7ce3ff;
	border-bottom:1px dotted #7ce3ff;
}
form#searchformagain p
{
	margin:0;
	padding:10px 0;
	text-align:center;
}
#searchbutton,#searchbuttonagain
{
	vertical-align:top;
}
#searchbox,#searchboxagain
{
	border:1px solid #babdbe;
	padding:2px;
}

/* =TITLES
################################################################*/

/* =default titles (pages)
----------------------------------------------------------------*/
h1,h2,h3,h4
{
	margin:1.7em 0 1em 0;
	padding:0;
	color:#000;
}
h1
{
	margin-top:0;
	font:normal 1.6em/1.5 arial,sans-serif;
}
h2
{
	font:bold 1.4em/1.5 arial,sans-serif;
}
h3
{
	font:bold 1em/1.5 arial,sans-serif;
	text-transform:uppercase;
}
h4
{
	font:bold 1em/1.5 arial,sans-serif;
	text-transform:uppercase;
	color:#666;
}

/* =Focus title (home page)
----------------------------------------------------------------*/
#focus h3
{
	margin:1em 0;
	padding:0;
	font-size:1.2em;
	text-transform:none; /*overrrides default style for titles*/
}

/* =picture title in picture detail pages
----------------------------------------------------------------*/
h2.picturetitle
{
	font:bold 1em/1.5 arial,sans-serif;
}

/* =titles in secondary zone (pages)
----------------------------------------------------------------*/

/* =titles in multimedia zone (pages)
----------------------------------------------------------------*/

/* =titles in bottom zone (pages)
These are the tiles that look like the main navbar
----------------------------------------------------------------*/

/* =Titles with icons in the bottom zone (home page only)
Press releases / Press Pictures / RSS / newsletter
----------------------------------------------------------------*/

/* =Image replacement titles (pages)
----------------------------------------------------------------*/
/*generic styles*/
h1.imgreplace, h2.imgreplace
{
	position:relative;
	overflow:hidden;
	font-size:1em;
}
h1.imgreplace
{
	margin:2em 0 1.5em;
}
h2.imgreplace
{
	margin:2.5em 0 1.7em;
}
.imgreplace span
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*specific styles*/
.about_en
{
	width:168px;
	height:16px;
}
.about_en span
{
	background:url(../img/replace_aboutus_en.gif) top left no-repeat;
}
.projects_en
{
	width:168px;
	height:16px;
}
.projects_en span
{
	background:url(../img/replace_projects_en.gif) top left no-repeat;
}
.news_en 
{
	width:168px;
	height:16px;
}
.news_en span
{
	background:url(../img/replace_news_en.gif) top left no-repeat;
}
.relatedpicts_en
{
	width:168px;
	height:16px;
}
.relatedpicts_en span
{
	background:url(../img/replace_relatedpicts_en.gif) top left no-repeat;
}
.relatedflash_en
{
	width:168px;
	height:16px;
}
.relatedflash_en span
{
	background:url(../img/replace_relatedflash_en.gif) top left no-repeat;
}
.latestflash_en
{
	width:168px;
	height:16px;
}
.latestflash_en span
{
	background:url(../img/replace_latestflash_en.gif) top left no-repeat;
}
.relatedvids_en
{
	width:168px;
	height:16px;
}
.relatedvids_en span
{
	background:url(../img/replace_relatedvids_en.gif) top left no-repeat;
}
.relatedinfos_en
{
	width:168px;
	height:16px;
}
.relatedinfos_en span
{
	background:url(../img/replace_relatedinfos_en.gif) top left no-repeat;
}
.highlighted_en 
{
	width:168px;
	height:16px;
}
.highlighted_en span
{
	background:url(../img/replace_highlighted_en.gif) top left no-repeat;
}
.fullgallery_en
{
	width:168px;
	height:16px;
}
.fullgallery_en span
{
	background:url(../img/replace_fullgallery_en.gif) top left no-repeat;
}
.latestvids_en
{
	width:168px;
	height:16px;
}
.latestvids_en span
{
	background:url(../img/replace_latestvids_en.gif) top left no-repeat;
}
.latestpicts_en
{
	width:168px;
	height:16px;
}
.latestpicts_en span
{
	background:url(../img/replace_latestpicts_en.gif) top left no-repeat;
}
.comments_en
{
	width:168px;
	height:16px;
}
.comments_en span
{
	background:url(../img/replace_comments_en.gif) top left no-repeat;
}
.postcomment_en
{
	width:168px;
	height:16px;
}
.postcomment_en span
{
	background:url(../img/replace_postcomment_en.gif) top left no-repeat;
}

/* =PICTURES AND PICTURE GALLERIES
################################################################*/

/* =Images with links general styles
----------------------------------------------------------------*/
img
{
	border:none;
}
a.imglink
{
	border:none; /*override default styles for links*/
}

/* =Images in lists for galleries' previews
----------------------------------------------------------------*/

/* =Picture Gallery Container
----------------------------------------------------------------*/
p.pictcontainer
{
	margin:0;
	padding:0;
	float:left;
}

/* =Picture Gallery Nav interface
----------------------------------------------------------------*/

/* =Picture Gallery Full Preview
----------------------------------------------------------------*/

/* =images inserted in items / in text (all pages)
----------------------------------------------------------------*/
/*for horizontal images*/
div.contentpicthoriz
{
	float:left;
	width:250px;
	margin:.65em 22px 10px 0;
	border-bottom:2px dotted #7ce3ff;
}
/*for vertical images*/
div.contentpictvert
{
	float:left;
	width:180px;
	margin:.65em 22px 10px 0;
	border-bottom:2px dotted #7ce3ff;
}
/*for full width images*/
div.contentpictfull
{
	float:left;
	width:100%;
	margin:.65em 0 10px 0;
	border-bottom:2px dotted #7ce3ff;
}

/*generic style common to all displays*/
div.contentpicthoriz p, div.contentpictvert p, div.contentpictfull p
{
	margin:0 0 .5em 0;
	padding:0;
}
div.contentpicthoriz p.legend, div.contentpictvert p.legend, div.contentpictfull p.legend
{
	color:#4e4e4e;
}

/*styles to take care of old images in content (not cover pictures)*/
img.pictleft
{
	float:left;
	background:#ccc url(../img/bkg_pictures.gif);
	padding:6px;
	margin:.0 22px 10px 0;
}

img.pictright
{
	float:right;
	background:#ccc url(../img/bkg_pictures.gif);
	padding:6px;
	margin:.0 0 10px 22px;
}


/* =MULTIMEDIA OBJECTS AND MULTIMEDIA CONTAINERS
################################################################*/
p.mmcontainer
{
	float:left;
	margin:0 0 1em 0;
	padding:5px;
	background:#ccc url(../img/bkg_pictures.gif);
}
p.mmcontainer object
{
	border:1px solid #fff;
}

/* =LINKS
################################################################*/

/* =default links
Default border on links has to be removed using higher
specificity selectors
----------------------------------------------------------------*/
a
{
	text-decoration:none;
	color:#4192a7;
	border-bottom:1px dotted #7ce3ff;
}
a:hover
{
	border:none;
	color:#163138;
}

/* =More links (pages)
----------------------------------------------------------------*/
p.more a
{
	font-size:.85em;
	text-transform:uppercase;
	padding-right:8px;
	background:url(../img/bkg_arrowright.gif) right .4em no-repeat;
	border:none;
}
/*adds bottom shadow when in multimedia zone*/
#multimedia p.more
{
	margin:0 0 3em 0;
	padding:0 0 20px 0;
	background:url(../img/bkg_shadowcol.gif) bottom left no-repeat;
}

/*################################################################
## =CLEARING                                                    ##
################################################################*/
.clearfix:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix
{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display:block;
}
/* End hide from IE-mac */