/* @group General Styles */

body {
background-attachment: fixed;
background-image:  url(images/fond_page.gif);
background-repeat: repeat-x;
background-color: #EFF0F1;
margin: 0px;
padding: 0px;
text-align: center;
}

p {
margin: 5px 0px 5px 0px;
}

b, strong {
	font-weight: bold;
}

a {
color: #2254A0;
text-decoration: none; /* pu not needed for sciprom ??? */
}
a:visited {
color: #2254A0;
text-decoration: none;
}
a:hover {
color: #ff8a00;
text-decoration: none;
}

.clearer {
	clear: both;
}
img {
	border: none;
}

.image-left {
	padding: 3px 3px 3px 0px;
	float: left;
}

.image-right {
	padding: 3px 0px 3px 3px;
	float: right;
}
	
h1 {
background-image: url(images/dotted.gif);
background-repeat: repeat-x;
background-position: bottom;
color: #2254A0;
font-family: "trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 15px;
letter-spacing: 1px;
padding-bottom: 2px;
margin-top: 0px;
}

h1 a {
text-decoration: none !important;
}

h2 {
background-image: url(images/dotted.gif);
background-repeat: repeat-x;
background-position: bottom;
color: #2254A0;
font-family: "trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 13px;
letter-spacing: 1px;
padding-bottom: 2px;
margin: 15px 0px 5px 0px;
}

h2 a {
text-decoration: none !important;
}

h3 {
font-size: 11px;
letter-spacing: 1px;
padding-bottom: 2px;
}

input {
background-image:  url(images/fond_input.gif);
background-repeat: repeat-x;
border: 1px solid #bfc5cd;
}

.spacer10{
visibility: hidden;
margin-bottom: 10px;
}
.spacer30{
visibility: hidden;
margin-bottom: 30px;
}
.spacer60{
visibility: hidden;
margin-bottom: 60px;
}
.spacer100{
visibility: hidden;
margin-bottom: 100px;
}


.bluebox {							/* pu blue box */
	background-color: #2254A0;
	color: white;
	padding:10px 5px 5px 5px;
}

.whitebox {							/* pu blue box */
	background-color: white;
	color: white;
	padding:10px 5px 5px 5px;
	z-index:1000;
}
#top_left img, #top_right img, #bottom_left img, #bottom_right img {
	display: none;
}

.rollover a {
	display:block;
	width: 100px;
	background: url(images/rolloverbutton.gif) no-repeat 0 0;
	text-decoration: none;
	color: #fff;
	font: 13px Verdana, Arial, "Lucida Grande", Helvetica, sans-serif;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 4px;
	margin-top: 10px;
}

.rollover a:hover { 
	background-position: 0 -20px;
	color: #fff;
}

.rollover a:active {
	background-position: 0 -40px;
	color:#fff;
}

/* @end */

/* @group wrapper */

#container {
	width: 720px;
	min-height: 500px;
	margin: 0px auto;
	margin-bottom: 20px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: relative;
	background-image: url(images/fond_contenu.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
	
/* @end */

/* @group Languages */

#langues {
	visibility: hidden; /* we hide it for the moment */
	margin: 0px 40px 10px 0px;
	text-align: right;
	font-size: 9px;
}
#langues li {
display: inline;
}
#langues li a {
color: #000000;
text-decoration: none;
border-left: 1px solid #bfc5cd;
padding-left: 3px;
}
#langues li a:hover {
color: #ff8a00;
}

/* @end */

/* @group navigation */

/* Toolbar Styles */

#navcontainer1 {
border-bottom: 1px solid #bfc5cd;
text-align: center;
margin: 0px 20px 10px 20px;
padding: 0px 0px 4px 0px;
	height:  13px; 		/* pu fix for IE6 */
}

#navcontainer1 .currentAncestor {
}

/* Parent - Level 0 */

/* what is this for ? */
#navcontainer1 ul {
	list-style: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#navcontainer1 li {
display: inline;
margin: 0px 19px 0px 19px !important;
padding: 0px;
}

#navcontainer1 a {
text-decoration: none;
color: #000000;
padding: 0px 3px 4px 3px;
}

#navcontainer1 a:hover {
background-image: url(images/menuselect.gif);
background-repeat: repeat-x;
background-position: bottom;
}

#navcontainer1 .current {
font-weight: bold;
letter-spacing: -1px;
background-image: url(images/menuselect.gif);
background-repeat: repeat-x;
background-position: bottom;
}

/* Fix IE. Hide from IE Mac

* html #navcontainer1 ul li { float: left; height: 1%; }

* html #navcontainer1 ul li a { height: 24px; }

 End */

/* Child - Level 1 */

#navcontainer1 ul ul {
	position: absolute;
	left: 0;
	top: 32px;
	display: none;
	z-index: 100;
}

#navcontainer1 ul ul a { 
	height: 20px;
	padding-top: 7px;
	background: repeat;
	text-align: left;
	text-indent: 20px;
	display: none;
}

#navcontainer1 ul ul a:hover {
	background: repeat;
	display: none;
}

html>body #navcontainer1 ul ul a {
	background: repeat;
	height: 23px;
	display: none;
}

html>body #navcontainer1 ul ul a:hover {
	background: repeat;
	display: none;
}

#navcontainer1 ul ul .current{
	background: repeat;
	display: none;
}

html>body #navcontainer1 ul ul .current{
	background: repeat;
	display: none;
}

/* Child Level 3 */

#navcontainer1 ul ul ul {
	position: absolute;
	left: 120px;
	top: 0;
}

#navcontainer1 ul ul ul ul li { 
}

#navcontainer1 ul ul ul ul a{
}

#navcontainer1 ul ul ul ul a:hover{

}

div#navcontainer1 ul ul, div#navcontainer1 ul ul ul, div#navcontainer1 ul li:hover ul ul, div#navcontainer1 ul li:hover ul ul ul, div#navcontainer1 ul li:hover ul ul ul ul, div#navcontainer1 ul li:hover ul ul ul ul ul{
display:none;
}

div#navcontainer1 ul li:hover ul, div#navcontainer1 ul ul li:hover ul, div#navcontainer1 ul ul ul li:hover ul, div#navcontainer1 ul ul ul ul li:hover ul, div#navcontainer1 ul ul ul ul ul li:hover ul{
display:block;
}

#navcontainer2 {
	border-top: 1px  #ffffff;
	margin-bottom: 20px;
}

#navcontainer2 .current {
}

#navcontainer2 .currentAncestor {
}

/* Parent - Level 0 */

#navcontainer2 ul {
padding: 0px;
margin: 0px;
}

#navcontainer2 li {
list-style-type: none;
padding-left: 10px;
margin: 5px 0;
display: inline;	
}


#navcontainer2 a {
	display: none;
	text-decoration: none;
	border-bottom: 1px  #ffffff;
	height: 23px;
	text-align: left;
	position: relative;
}

#navcontainer2 a:hover {
color: #ff8a00;

}

/* Child - Level 1 */

#navcontainer2 ul ul {

}

#navcontainer2 ul ul li {
list-style-type: none;
background-image: url(images/puce.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 10px;
margin: 5px 0;
}

#navcontainer2 ul ul a {
	display: block;
	color: #2254A0;
	font-size: 11px;
}

#navcontainer2 ul ul a:hover {
}

#navcontainer2 ul ul .currentAncestor {
	color: #ffffff;
}

/* Child - Level 2 */

#navcontainer2 ul ul ul {
	text-indent: 40px;
}

#navcontainer2 ul ul ul li {
}

#navcontainer2 ul ul ul a {
}

#navcontainer2 ul ul ul a:hover {

}

/* Child - Level 3 */

#navcontainer2 ul ul ul ul {
	text-indent: 60px;
}

#navcontainer2 ul ul ul ul li { 
}

#navcontainer2 ul ul ul ul a {
}

#navcontainer2 ul ul ul ul a:hover {
}

/* Child - Level 4 */

#navcontainer2 ul ul ul ul ul {
	text-indent: 80px;
}

#navcontainer2 ul ul ul ul ul li { 
}

#navcontainer2 ul ul ul ul ul a {
}

#navcontainer2 ul ul ul ul ul a:hover {
}

/* @end */

/* @group header */

#pageHeader {
background: url(images/header1.jpg) center; /* pu in sciprom center is not neccessary ??? */
background-repeat: no-repeat;
height: 138px;
margin: 0px 0px 20px 0px !important;
}

#pageHeader h1 {
	font-size: 20px;
	font-weight: bold;
	padding-top: 2px;
	z-index: 710;
	top: 220px;
	margin: 0 0px 0px 4px;
}

#pageHeader h2 {
	font-size: 14px;
	font-weight: normal;
	z-index: 202;
	margin: 0 0px 0px 4px;
	padding-top: 2px;
	text-decoration: none;
}

#pageHeader img {
/*	margin-top: 5px; */
}

	
/* @end */

/* @group content */

#contentContainer {
	z-index: 300;
margin: 20px 240px 0px 40px;		/* 37px for IE6 */
position: relative;
}

#contentContainer #content {
	padding-top: 0px;
	color: #000000;
		font-size: 11px;
				padding-right: 20px; /* pu */
}

*html #contentContainer #content {
	padding-top: 0px;
	color: #000000;
	font-size: 11px;
}

#contentContainer li {
list-style-type: none;
background-image: url(images/puce.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 10px;
text-align: left;
}

#contentContainer p {
margin-bottom: 10px !important;
}

#sidebarContainer {
	width: 250px;  /* pu was 185 */
	color: #1a1a1a;
	background: transparent;
	float: right;
	border-left: 1px solid #bfc5cd;
	margin-top: 20px;
}

#sidebarContainer a:hover {
}

#sidebarContainer #sidebar {
	font-size: 11px;
	background: transparent;
	margin-right: 50px;
	margin-left: 10px;
}

/* pu - can we fuse this with sidebarcontainer li ???*/
#sidebarContainer #sidebar li{
	list-style-type: none;
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#sidebarContainer h2 {
}

#sidebarContainer .sideHeader {
background-image: url(images/dotted.gif);
background-repeat: repeat-x;
background-position: bottom;
color: #2254A0;
font-family: "Trebuchet MS", myriad, verdana, arial, helvetica, sans-serif;
font-size: 13pt;
letter-spacing: 1px;

vertical-align: text-bottom;
padding-bottom: 2px;	/* sets distance to dotted line */
/* padding-top: 4px;	/* alternative to margin-top */
margin: 2px 50px 5px 10px; 
			text-align: left;
			font-weight: bold;
/*			height: 17px;		/* pu either use height or add 4 px margin-top */
}

#sidebarContainer li {
	padding-left: 10px;
	text-align: left;
	margin_left: 0px;
margin-bottom: 10px;
}
	
/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer {
color: #bfc5cd;
	display: inline;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer ul {
margin-bottom: 0;
padding-bottom: 0;
padding-top: 0;

}

#breadcrumbcontainer a{
color: #bfc5cd;
}
#breadcrumbcontainer a:hover{
color: #ff8a00;
text-decoration: underline;
}

/* @end */

/* @group footer */

.copyright {
font-family: verdana, arial, helvetica, sans-serif;

}
.copyright a {

text-decoration: none;
}



#footer {
color: #bfc5cd;
font-size: 10px; /* Right And Left /* Hack To Keep IE5 Windows Happy */
	height: 15px;
	text-align: center;
margin-bottom: 10px;
}

*html #footer {
	text-align: center;
	color: #000000;
}

#footer a {
color: #bfc5cd;
	text-decoration: none;
}

#footer a:hover {
color: #ff8a00;
	font-size: 10px;
	text-align: center;
}
	
/* @end */

/* @group Global Classes */

.standout, blockquote {
	background: transparent;
	padding: 10px;
	margin: 5px;
}

.imageStyle {
	border-style: none;
}
	
/* @end */

/* @group File Sharing */

.filesharing-description {
	margin-bottom: 20px;
	text-indent: 10px;
}

.filesharing-item {
	
}

.filesharing-item-title {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
}

.filesharing-item-description {
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 11px;
}

/* @end */

/* @group Quicktime Page */

.movie-description {
	text-align: center;
	color: #ffffff;
}
	
/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 3px;
}

.movie-page-description {
	margin-bottom: 5px;
}

.movie-thumbnail-frame {
	float: left;
	display: inline;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	width: 131px;
}

.movie-thumbnail-caption {
	text-align: center;
	color: #ffffff;
	font-size: 10px;
}
	
/* @end */

/* @group Single Page (Movie View) */

.movie-background {
	margin-top: 5px;
}

.movie-title {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

.movie-frame {
	text-align: center;
	margin-bottom: 10px;
}
	
/* @end */


/* @end */

/* @group Contact Form */
.message-text {
} 

.required-text {
} 

.form-input-field {
} 

.form-input-button {
} 

/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */

.album-title {
	color: #040404;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.album-description {
	color: #0c0c0c;
	letter-spacing: 2px;
	margin-bottom: 70px;
}

.album-wrap {
	display: block;
	width: 99%;
	position: relative;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 80px;
	margin-right: 12px;
}

.thumbnail-frame {
	position: absolute;
    bottom: 0;
    left: 0;
}

.thumbnail-frame:hover {
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-frame img {
	border: 1px solid #cccccc;
	padding: 1px;
	margin: auto;
}

.thumbnail-caption {
	margin: 0;
	padding: 0;
	line-height: normal;
	width: 100%;
	height: 38px;
	display: block;
}
	
/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	margin: 10px;
}

.photo-navigation {
	background: #333333;
	margin-bottom: 10px;
	padding: 5px;

}

.photo-links {
	margin: 0;
	padding: 0;
}

.photo-navigation a:link, .photo-navigation a:visited {

}

.photo-navigation a:hover {
	color: #ffffff;
}

.photo-frame{
	background: #333333;
	padding: 5px;
}

.photo-title {
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: 2px;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

.photo-caption {
	color: #cccccc;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

/* @end */
	
/* @end */

/* @group Blog */

/* @group Archive Page */

.blog-archive-background {
}

.blog-entry-summary {
	margin-bottom: 10px;
}

.blog-archive-headings-wrapper {
	padding: 10px;
	border-bottom: Solid 1px #e2e2e2;
}

.blog-archive-entries-wrapper {
	padding: 10px;
}

.blog-archive-month {
	font-weight: bold;
	font-size: 1.4em;
}

.blog-archive-link { 
}
	
/* @end */

.blog-entry {
	padding: 0px;
	margin-bottom: 25px;
}

.blog-entry-title {
	text-align: justify;
	
	background-image: url(images/dotted.gif);
background-repeat: repeat-x;
background-position: bottom;
color: #2254A0;
font-family: "trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 13px;
letter-spacing: 1px;
padding-bottom: 2px;
margin: 15px 0px 5px 0px;

	
	
}

.blog-entry-date {
	color: #a1a5a9;
	font-size: 0.95em;
	margin-bottom: 0.9em;
}

.blog-read-more {
	display: block;
	padding-top: 10px;
	font-style: italic;
}

/*Styles the category link next to the date */
.blog-entry-category {
}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

/*Styles the permalink next to the date */
.blog-entry-permalink {
}

.blog-entry-permalink a:link, .blog-entry-permalink a:visited {
}

.blog-entry-body {
	text-align: justify;
	color: #000000;
	padding: 0px;
}

.blog-entry-comments {
	margin-top: 10px;
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 10px;
}

.blog-archive-link-enabled {
}

.blog-archive-link-disabled {
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-bottom: 10px;
}

.blog-category-link-enabled {
}

.blog-category-link-disabled {
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-bottom: 10px;
}

.blog-rss-link {
}

.blog-comments-rss-link {
}

/* @end */


/* @group Login Form */
#login {
position: relative;
margin-top: 10px;
}
#login .userlbl {
position: absolute;
display: block;
width: 60px;
top: 3px;
}
#login .usertxt {
position: absolute;
display: block;
right: 0px;
width: 125px;
}
#login .passlbl {
position: absolute;
display: block;
top: 33px;
width: 60px;
}
#login .passtxt {
position: absolute;
display: block;
top: 30px;
right: 0px;
width: 125px;
}
#login .loginbtn {
position: absolute;
display: block;
top: 60px;
right: 0px;
}

/* @end */


/* @group Other */
.newsitem {
padding-left:10px;
background-image:  url(images/puce.gif);
background-repeat: no-repeat;
background-position: left 5px;
margin: 10px 0px 10px 0px;
}
.newsitem h3 {
margin: 0px;
}
.newsitem p {
margin: 0px;
}

.lock {
background-image:  url(images/lock.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

#events {
width: 200px;
float: left;
margin-left: 20px;
}
.eventsitem {
padding-left: 10px;
background-image:  url(images/puce.gif);
background-repeat: no-repeat;
background-position: left 5px;
margin: 10px 0px 10px 0px;
}
.eventsitem h3 {
margin: 0px;
}
.eventsitem p {
margin: 0px;
}
#events {
width: 200px;
}
.piednewsevents {
clear: both;
background-image:  url(dotted.gif);
background-repeat: repeat-x;
background-position: top;
text-align: right;
padding-top: 5px;
}

/* @end */