#view-bar dl, #view-bar dt, #view-bar dd, #view-bar ul, #view-bar ol, #view-bar li, #view-bar h1, #view-bar h2, #view-bar h3, #view-bar h4, #view-bar h5, #view-bar h6, #view-bar pre, #view-bar code, #view-bar form, #view-bar fieldset, #view-bar legend, #view-bar input, #view-bar textarea, #view-bar p, #view-bar blockquote, #view-bar th, #view-bar td {
    margin: 0;
    padding: 0;	
}

#view-bar table {
    border-collapse: collapse;
    border-spacing: 0;
}

#view-bar fieldset, #view-bar img {
    padding: 0px;
    margin: 0px;
    border: 0;
    display: inline;
    position: inherit;
}

#view-bar address, #view-bar caption, #view-bar cite, #view-bar code, #view-bar dfn, #view-bar em, #view-bar strong, #view-bar th, #view-bar var {
    font-style: normal;
    font-weight: normal;
}

#view-bar li {
    list-style: none;
}

#view-bar caption, #view-bar th {
    text-align: left;
}

#view-bar h1, #view-bar h2, #view-bar h3, #view-bar h4, #view-bar h5, #view-bar h6 {
    font-size: 100%;
    font-weight: normal;
}

#view-bar q:before, #view-bar q:after {
    content: '';
}

#view-bar abbr, #view-bar acronym {
    border: 0;
    font-variant: normal;
}

#view-bar sup, #view-bar sub {
    line-height: -1px;
    vertical-align: text-top;
}

#view-bar sub {
    vertical-align: text-bottom;
}

#view-bar input, #view-bar textarea, #view-bar select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#view-bar a, #view-bar a:hover {
    border: none 0px;
}

body, html {
    margin: 0;
    padding: 0;
}

/** fake input **/
#fk {
	position: absolute;
	top: -999px;
}

/****************/
/*** VIEW BAR ***/
/****************/
#view-bar {
    width: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #dddddd;
    border-top: 1px #444444 solid;
    border-bottom: 1px #dddddd solid;
    font-size: 0.8em;
    overflow: hidden;
    height: 62px;
}

#view-bar[id] {
    position: fixed;
}

#view-bar div {
    float: left;
}

#view-bar .button {
    margin-top: 4px;
    margin-bottom: 3px;
    margin-left: 10px;
    border-right: 1px #888888 solid;
    padding-right: 10px;
}

#view-bar .button a {
    color: #444444;
    text-decoration: none;
}

#view-bar .view-bar-command {
    margin: 44px 2px 2px 2px;
}

#view-bar .view-bar-pub {
    position: absolute;
    right: 5px;
    margin-top: 48px;
}

#view-bar .view-bar-close {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

#view-bar .view-bar-rank {
    position: absolute;
    right: 15px;
    margin-top: 4px;
    margin-right: 20px;
}

#view-bar .view-bar-rank form {
    display: inline;
}

#view-bar #google-pub {
    position: absolute;
    bottom: 0px;
    height: 60px;
    width: 468px;
    left: 50%;
    margin-left: -234px;
}
/****************/
/*** messages ***/
/****************/
#content .message .error, #content .message .warning {
    background-color: #FFDDDD;
    border: 1px solid #FF3333;
    margin: 5px;
    padding: 5px;
}
#content .message .info, #content .message .help {
    background-color: #bbffbb;
    border: 1px solid #33ee33;
    margin: 5px;
    padding: 5px;
    display: block;
}
#content .message img {	
	margin-right: 5px;
	vertical-align: bottom;
}
#content .message p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
}
/***************/
/*** content ***/
/***************/
.image-center {
    margin-left: auto;
    margin-right: auto;
}

.image-left {
    border: 0px;
    float: left;
    margin: 5px;
}

.image-right {
    border: 0px;
    float: right;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.separation {
    clear: both;
}

.separation .visible-separation {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px #999999 solid;
}


/****************/
/*** template ***/
/****************/
.template-box {
    margin: 5px;
    border: 1px #aaaaaa solid;
    overflow: hidden;
}

.template-big-box {
    margin: 5px;
    border: 1px #ef5e15 solid;
    overflow: hidden;
}

.template-box .title, .template-big-box .title {
    text-align: center;
    background-color: #bbbbbb;
    padding: 4px;
    font-weight: bold;
    background-repeat: repeat-x;
}

.template-box .body {
    text-align: center;
}

.template-box .body, .template-big-box .body {
    padding: 3px;
}

.template-box p, .template-big-box p {
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 0px;
}

.template-box .visual {
    padding: 3px;
    text-align: center;
    width: 252px;
    height: 200px;
    overflow: auto;
    float: left;
}

.template-big-box .visual {
    padding: 3px;
    text-align: center;
    width: 252px;
    height: 200px;
    overflow: auto;
    float: right;
}

.template-box .info, .template-big-box .info {
    text-align: left;
    margin-left: 270px;
}

.template-big-box .info {
    float: left;
}

.template-box li {
    display: block;
    overflow: hidden;
    height: 20px;
}

.template-big-box li {
    display: block;
    overflow: hidden;
    vertical-align: middle;
}

.template-box .info li span, .template-big-box .info li span {
    font-weight: bold;
}

.template-box input {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 250px;
    padding: 2px;
}

.template-big-box input {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 150px;
}

.template-box .info input {
    width: auto;
}

.template-big-box .info input {
    width: 180px;
}

.template-big-box #template-info ul input, .template-big-box #template-info ul select, .template-big-box #template-info ul option {
    margin-left: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0px none;
    background-color: transparent;
    color: #666666;
}

.template-big-box #template-info ul select, .template-big-box #template-info ul option {
    background-color: #ffffff;
}

.template-box .info label {
    display: inline;
    border: 1px red solid;
}

.template-box .info input {
    width: auto;
    vertical-align: middle;
    margin-right: 3px;
}

.template-box form {
    text-align: center;
}

.template-big-box form {
    text-align: left;
}

.template-big-box .icone {
    vertical-align: text-bottom;
}

.template-box form .valid, .template-big-box form .valid {
    background-color: #BBFFBB;
    border: 1px #66FF66 solid;
}

.template-box form .unvalid, .template-big-box form .unvalid {
    background-color: #ffbbbb;
    border: 1px #ff6666 solid;
}

.template-box ul, .template-big-box ul {
    overflow: auto;
    padding-left: 0px;
}

.template-box li, .template-big-box li {
    padding-left: 0px;
}

.template-big-box li {
    height: 20px;
}

.template-box img {
    border: 0px none;
}

.template-command {
    margin-top: 5px;
    margin-left: 5px;
    height: 20px;
}

.template-command form {
    float: left;
    margin-left: 5px;
}

#template-search {
    margin: 3px;
    border: 1px #cccccc solid;
    padding: 3px;
}

#template-search ul {
    padding: 0px;
    margin: 0px;
}

#template-search li {
    list-style-type: none;
    float: left;
    padding: 0px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 10px;
    height: 40px;
}

#_reset_template {
    padding: 3px;
    background-color: #dddddd;
    border-right: 2px #F14654 solid;
    border-left: 2px #F14654 solid;
    border-bottom: 2px #F14654 solid;
    position: absolute;
    top: 0px;
    left: 50px;
}

#_reset_template a {
    font-size: 11px;
    color: #5555dd;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    line-height: 14px;
}

#_reset_template ._reset_template-close {
    display: inline;
    margin-left: 6px;
    margin-right: 3px;
    vertical-align: middle;
}
/******************/
/*** THUMBNAILS ***/
/******************/
.thumbnails-slide {
    overflow: hidden;
}

.thumbnails-slide .images {
    height: 60px;
    width: 10000px;
}

.thumbnails-slide .slide-image {
    margin: 0px;
    border: 0px none;
    padding: 0px;
    float: left;
}

.thumbnails-slide .slide-image a, .thumbnails-slide .slide-image img {
    margin: 0px;
    border: 0px none;
    padding: 0px;
}

.labeled-image div {
    display: none;
}

#content .slideshow {
    text-align: center;
}

#content .slideshow .label {
    display: block;
}
/*****************/
/*** REACTIONS ***/
/*****************/
.reaction .item {
	margin:2px;
	border: 1px #999999 solid;
	padding: 2px;
}

.reaction form {
	margin: 2px;
	border: 1px #999999 solid;
	padding: 2px;
}

.reaction .author {
	float: left;
	margin-right: 5px;	
}

.reaction .author, .reaction .date {
	font-size: 0.8em;
	margin-bottom: 5px;
}

.reaction .line {
	margin-bottom: 3px;
}

.reaction form label {
	float: left;
	width: 140px;
}
.reaction .message {
	padding: 3px 2px 2px 2px;
	text-align: center;
}
.reaction .message .error {
	color: #ee5555;
}
.reaction .message .info {
	color: #55ee55;
}

/**************/
/*** SEARCH ***/
/**************/
#search-result table {
	border-collapse: collapse;
	width: 100%;	
}

#search-result .odd {
	background-color: #eeeeee;
}

#search-result .pagebanner, #search-result .pagelinks {
	display: block;
	text-align: center;	
}

#search-result .pagination-command {
	text-align: center;
	padding: 10px;
}

#search-result .direct-page-link {
	padding: 0px 5px 0px 5px;	
}

#search-result .current-page {
	font-weight: bold;
}

/**************/
/*** DEBUG  ***/
/**************/
div.debug-note {
	margin: 4px;
	border: 2px red solid;
	padding: 4px;
	font-weight: bold;
	color: red;
}

/**************
 * slideshow
 ***/

.news-slideshow {
	position: relative;
}

.news-slideshow .slide {
	position: relative;	
}

.news-slideshow img {
	border: 1px #444444 solid;	
}


.news-slideshow .body {
	text-align: justify;
	padding: 3px;
	overflow: hidden;
	background-color: #ffffff;
}

.news-slideshow .body a {
	margin-top: 3px;
	margin-bottom: 3px;
	display: block;
	overflow: hidden;	
}

.news-slideshow .slide-link {
	border-top: 1px #888888 solid;
	border-right: 1px #888888 solid;
	border-left: 1px #888888 solid;	
	background-color: #ffffff;
	z-index: 1;
}

.news-slideshow .slide-link a {
	padding: 1px 5px 1px 5px;
	text-decoration: none;
}

.news-slideshow .slide-link.selected {
	border-top: 1px #444444 solid;
	border-right: 1px #444444 solid;
	border-left: 1px #444444 solid;
	font-weight: bold;
	background-color: #dddddd;
}

.count-tool input {
	text-align: center;
	display: block;
	color: #000000;
	border: 0px none;
}

/**
 * Thats the basic css needed for the upload bars
 */

.fancyupload-queue
{
	list-style:				none;
}
.fancyupload-queue li
{
	background:				url(photo_upload.png) no-repeat 0 5px;
	padding:				5px 0 5px 22px;
}

.fancyupload-queue .queue-file
{
	font-weight:			bold;
}

.fancyupload-queue .queue-size
{
	color:					#aaa;
	margin-left:			1em;
	font-size:				0.9em;
}

.fancyupload-queue .queue-loader
{
	position:				relative;
	margin:					3px 15px;
	font-size:				0.9em;
	background-color:		#ddd;
	color:					#fff;
	border:					1px inset #ddd;
}
.fancyupload-queue .queue-subloader
{
	text-align:				center;
	position:				absolute;
	background-color:		#81B466;
	height:					100%;
	width:					0%;
	left:					0;
	top:					0;
}

.fancyupload-queue .input-delete
{
	width:					16px;
	height:					16px;
	background:				url(delete.png) no-repeat 0 0;
	text-decoration:		none;
	border:					none;
	float:					right;
}

/* calendar */
.content_calendar {
	position: relative;
	z-index: 10;
}

#calendar_0 {
	z-index: 150;
}

#calendar_1 {
	z-index: 120;
}

#calendar_2 {
	z-index: 90;
}

/* Style pour le positionnement du calendrier */
.content_calendar .ep_calendar_popup {
	top: 2.5em;
	left: 2em;
}

/* Style pour le bouton image ouvrant le calendrier */
.content_calendar a img {
	vertical-align: text-bottom;
}

#_first-image {
	display: none;
	position: absolute;
	top: -999px;
}

.resource-special-links {
	display: none;
	position: absolute;
}

.simple-poll fieldset {
	padding: 5px;
}

.simple-poll .line {
	height: 15px;
	margin: 5px 0;
}

.simple-poll .result label {
	float: left;
	display: block;
	width: 140px;

}

.simple-poll .result-bar {
	float: left;
	width: 100px;
	margin-right: 8px;
}

.simple-poll .result-bar .bar {
	display: block;
	background-color: #999999;
	height: 14px;
}