html, body{
	text-align:center;
	background-color: #fbfbfb;
	background-image: url('images/bar-vert.png');
	background-repeat: repeat-x;   
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555;
} 

h1 {
	color: #93cc74; 
	font-size:16px;
	letter-spacing:1px;
}
h2 {
	color: #93cc74; 
	font-size:14px;
}
h3 {
	color: #000000;
	background-color: #bfca9e;
	font-size: 2em;
	margin: 7px -9px 11px -10px;
	padding: 4px;
}
a:link {
	color: #000;
	text-decoration:none;
} 
a:visited {
	color: #000;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}

ul{
	list-style:none;
}

p {
	padding-right: 20px;
	padding-left:  20px;
	padding-bottom: 5px;
} 

.imageStyle {
	padding: 3px;
	background-color: #fff;
	border: 1px dashed #000;
	
}
.image-left {
	margin: 3px;
	padding: 3px;
	float: left;
	position: relative;
	z-index: 500;
}

.image-right {
	margin: 3px;
	padding: 3px;
	float: right;
	position: relative;
	z-index: 500;
}

#logo{

	position:absolute;
	top:  0px;
	left: 50%;
	height:125px;
	width: 607px;
	margin-left: -195px; 
	text-align: left;
	background-image: url('images/tete_h.png');
	background-repeat: no-repeat;

}
#titre{
	position:relative;
	margin-top: -28px;
	margin-left: 270px;
	text-align: left;
	letter-spacing: 2px;
	text-shadow: 1px 2px 4px #ccc;
	font-size: 40px;
}
#slogan{
	padding: 5px;
	margin-left: 275px;
	text-shadow: 1px 2px 3px #ccc;
	text-align: left;
	font-size: 15px; 
} 

#header{ 
	position: absolute;
	top: 80px;
	left: 50%;
	width:821px; 
	margin-left: -410px; 
	text-align:left;  
} 

#fon{
	position: absolute;
	top: 0px;	
	width:  580px;
	height: 220px;
	background: url('images/face.jpg') no-repeat;		
}

#titre_sidebar{
	text-shadow: 1px 2px 2px #ccc;
	letter-spacing: 3px;
	font-weight:bold;
	position: absolute;
	top:300px;
	left:    5px;
	width: 200px;
	text-align: left;
	font-size: 16px;
	color: #bfca9e;
}



/*<group=menu>*/

#navcontainer{
	position: absolute;
	top: 45px;
	background-image: url('images/vert.png');
	background-repeat: no-repeat;
	width:241px;
	height: 220px;
	font-size: 18px;
	padding-top: 10px;
	text-decoration: none;
	letter-spacing: .075em;
	font-weight: bold;
	color: #fff;
	line-height:22px;
}

#navcontainer a
{
/* Set text-decoration and color so there is no default */
text-decoration: none;
color: #fff;
}

#navcontainer a:hover{
	font-weight: bold;
	letter-spacing: 0;
}

#navcontainer ul{
	text-decoration: none;
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
}

#navcontainer ul ul{
	padding-left: 15px;
/* offset sub menu */
}

#navcontainer ul li{
	padding-left: 5px;
	margin-left: 2px;
/* Set margin-left to set-up the left border */
}

#navcontainer ul li#active{
	margin-left: 0px;
/* Set margin back half of left-border width (5px) */
}

#navcontainer ul ul li#subactive{
	margin-left: 0px;
/* Set margin back half the 30px padding above */
border-left: 5px solid black;
}

#navcontainer li {
	border-left: 1px solid black;
	border-color: #bccc9a;
}
#navcontainer li#active {
	border-left: 5px solid black;
	border-color: #bccc9a;
}

#current{
font-weight: bold;
letter-spacing: 0;

}

#subcurrent
{
font-weight: bold;
letter-spacing: 0;
}

#subcurrent a:hover
{

border-bottom: 1px dashed black;
}

/*</group>*/

#tete{
	position: absolute;
	top: 45px;	
	width:  580px;
	height: 220px;
	background-image: url('images/border_d.png');
	background-repeat: no-repeat;
	margin-left: 241px; 
}

#sub{
	margin-top: 50px;
	color: #fff;
	font-weight: bold;
	margin-left: 30px;
	width: 390px; 
}


#content{ 
	position: absolute;
	top:   345px;
	left:    50%;
	width: 796px; 
	margin-left: -404px;

}

#abstract{ 
	position: absolute;
	left:    0px;
	top:    40px;
	width: 215px;
	text-align:justify; 

}

/*<group=breadcrumbs>*/

#breadcrumbs {
	text-decoration:none;
	color: #000;
	text-align: left;
	display: inline;
	font-size:9px;
	
}

#breadcrumbs ul {
	text-decoration:none;
	letter-spacing: 2px;
	background: url(images/bord.gif) repeat-x;
	height: 20px;
	list-style-type: none;
	padding: 0;
	margin: 0px;
	padding-top: 2px;
}

#breadcrumbs li {
	color: #000;
	text-decoration:none;
	font-weight:bold;
	display: inline;
	background: url(images/list_item.png) no-repeat left 3px;
	padding-left: 30px;
	margin-right: -30px;
}

/*</group>*/

#shadow{
	position: absolute;
	top:    0px;
	left: 215px;
	width:570px;
	background-image:  url('images/shadow.jpg');
	background-repeat: repeat-y;
	text-align:left;
}

#information {
	margin-top: -20px;
	padding-left:  50px;
	padding-right: 30p;
}

#information_droit{
	position: absolute;
	top:     0px;
	left:  549px;
     width:  26px;
     height: 31px;
	background-image:  url('images/bg-g.png');
	background-repeat: no-repeat;
}  

#information_gauche{
	position: absolute;
	top:     0px;
	left:   -6px;
	width:  26px;
	height: 31px;
	background-image:  url('images/bg_d.png');
	background-repeat: no-repeat;
}


#pied {
	font-size: 9px;	
	text-align:center;
  padding-top: 15px;
  width:  570px;
  height:  85px;
	background-image:  url('images/footer.jpg');
	background-repeat: no-repeat;
}

/*<group=Blog>*/

/*<group=Archive Page>*/



.blog-archive-background {
}

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

.blog-archive-headings-wrapper {
	height: 40px;
	display: block;
}

.blog-archive-entries-wrapper {
}

.blog-archive-entries-wrapper .blog-entry {
}

.blog-archive-month {
	font-weight: bold;
	margin-bottom: 15px;
	float: left;
	margin-right: 10px;
	background: url(images/category.gif) no-repeat left center;
	padding-left: 16px;
}

.blog-archive-link {
	margin-bottom: 15px;
	float: left;
}

.blog-archive-link a:link, .blog-archive-link a:visited {
}
	
/*</group>*/

.blog-entry {
	margin-bottom: 30px;
}

.blog-entry-title {
	color: #000000;
	background-color: #bfca9e;
	font-size: 2em;
	margin: 7px -9px 11px -10px;
	padding: 5px;
}

.blog-entry-date {
	color: #000000;
	background-color: #bfca9e;
	margin: -10px -9px 10px -10px;
	padding: 5px 10px 5px 26px;
	background: #bfca9e url(images/date.gif) no-repeat 10px center;
}

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

.blog-entry-body {
	
}

.blog-entry-comments {
	border-top: 1px solid #e5e5e5;
	margin-top: 10px;
	padding-top: 5px;
	color: #fff;
}

/*styles the category link in the main entry */
.blog-entry-category {
	background: url(images/category.gif) no-repeat left center;
	padding-left: 16px;
	margin-left: 10px;
}

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

/*styles the permalink link in the main entry */
.blog-entry-permalink {
	background: url(images/category.gif) no-repeat left center;
	padding-left: 16px;
	margin-left: 10px;
}

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

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

.blog-archive-link-enabled {
	background: #bfca9e url(images/date.gif) no-repeat left center;
	padding-left: 16px;
	margin-bottom: 8px;
}

.blog-archive-link-disabled {
	background: #bfca9e url(images/date.gif) no-repeat left center;
	padding-left: 16px;
}

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

.blog-category-link-enabled {
	background: url(images/category.gif) no-repeat left center;
	padding-left: 16px;
}

.blog-category-link-disabled {
	background: url(images/category.gif) no-repeat left center;
	padding-left: 16px;
}

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

.blog-rss-link {
	background: url(images/rss.gif) no-repeat left center;
	padding-left: 16px;
	display: block;
	float: left;
	margin-bottom: 8px;
}

.blog-comments-rss-link {
	background: url(images/rss.gif) no-repeat left center;
	padding-left: 16px;
	display: block;
	margin-top: 8px;
}

/* Comment links */
a[href^="javascript:HaloScan"] {
	background: url(images/comment.gif) no-repeat left center;
	padding-left: 16px;
	margin-right: 10px;
}

/* Trackback links */
a[href^="javascript:HaloScanTB"] {
	background: url(images/trackback.gif) no-repeat left center;
	padding-left: 16px;
}

/*</group>*/

/*<group=File Sharing>*/

.filesharing-description {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.filesharing-item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.filesharing-item-title a:link {
	font: bold 1.5em Verdana, Arial, Lucida Grande, Helvetica, sans-serif;
	color: #202020;
	margin-bottom: 3px;
}

.filesharing-item-title a:hover {
}

.filesharing-item-title a:visited {

}

.filesharing-item-description {
	font-size: 1.2em;
	color: #999999;
	margin-bottom: 10px;
}

/*</group>*/

/*<group=Flash>*/

#flashcontent  {
	margin-top: 20px;
	
}
/*</group>*/

/*<group=Photo Album>*/

/*<group=Index Page (Thumbnail view)>*/

.album-title {
	color: #000000;
	background-color: #bfca9e;
	font-size: 2em;
	margin: 4px -9px 11px -10px;
	padding: 5px;
}

.album-description {
	margin-bottom: 20px;
}


.album-wrapper {
	border: 1px solid #ccc;
	overflow: auto;
	height: 350px;
	width: 99%;
	display: block;
	width: 99%;
	position: relative;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
}

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

.thumbnail-frame img {
	margin: auto;
	border: 5px solid #f2f2f2;
}

.thumbnail-frame img:hover {
	border-color: #cdd1db;	
}

.thumbnail-caption {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 38px;
	display: block;
}
/*</group>*/
/*</group>*/

.photo-background, html {
	background: none;
}

.photo-navigation {
	width: 100%;
	height: 112px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	text-align: center;
}

.photo-links {
	margin: 0 auto 15px;
	padding: 5px 0;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

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

}

.photo-navigation a:hover {

}

.photo-frame{
	position: relative;
	top: 130px;
	padding: 5px 5px 8px 5px;
	margin: auto;
	border: 5px solid #f2f2f2;
}

.photo-title {
	color: #000000;
	background-color: #bfca9e;
	font-size: 2em;
	margin: 7px -9px 11px -10px;
	padding: 5px;
}

.photo-caption {
	color: #000000;
	background-color: #bfca9e;
	margin: -10px -9px 10px -10px;
	padding: 5px 10px 5px 26px;
}

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

/* @group Quicktime Page */

.movie-description {

}
	
/* @end */

/* @group Quicktime Album */

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

.movie-page-title {
	color: #cecece;
	background-color: #f2f2f2;
	font-size: 2em;
	margin: -10px -10px 11px -9px;
	padding: 10px;
}

.movie-page-description {
	color: #cecece;
	background-color: #f2f2f2;
	margin: -10px -10px 10px -9px;
	padding: 5px 10px;
}

.movie-thumbnail-frame {
	padding: 5px;
	background-color: #f2f2f2;
	float: left;
	margin: 0 22px 22px 0;
	width: 132px;
	text-align: center;
}

.movie-thumbnail-frame:hover {
	background-color: #cdd1db;
}

.movie-thumbnail-caption {
	padding-top: 8px;
}
	
/* @end */

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

.movie-background {
	text-align: center;
}

.movie-title {
	font: 2em Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 10px;
}

.movie-frame {
	padding: 15px 15px 8px 15px;
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: left bottom;
}
	
/* @end */


/* @end */

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

.required-text {
} 

.form-input-field {
	font: 1em Arial, Helvetica, Geneva, sans-serif;
} 

.form-input-button { 
} 
/* @end */