html, body {
	margin: 0; padding: 0;
	height: 100%;
}
body {
	background: #b6b4a0 url(../_images/bg.gif) repeat-x top left;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}
a img { border: none; }
#page {
	position: relative;
	margin: 0 auto;
	width: 900px;
	box-shadow: 0 4px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 4px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.5);
}
body.home_en #header {
	height: 200px;
	background: transparent url(../_images/header_home_en.jpg) no-repeat top left;
	border-bottom: #000 solid 10px;
	color: #fff;
}
body.home_fr #header {
	height: 200px;
	background: transparent url(../_images/header_home_fr.jpg) no-repeat top left;
	border-bottom: #000 solid 10px;
	color: #fff;
}
body.en #header {
	height: 105px;
	background: transparent url(../_images/header_section_en.jpg) no-repeat top left;
}
body.fr #header {
	height: 105px;
	background: transparent url(../_images/header_section_fr.jpg) no-repeat top left;
}
#header h2 {
	margin: 0;
	padding: 140px 0 0 30px;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}
body.section #header h2 { padding: 40px 0 0 300px; }
#header h2 b {
	color: #5fb0bb;
	font-weight: normal;
}
#header h5 {
	margin: 0;
	padding: 5px 0 0 30px;
	font-size: 11px;
	font-weight: normal;
}
body.section #header h5 { padding-left: 300px; }
#header .intro {
	position: absolute;
	top: 60px;
	right: 30px;
	width: 320px;
	font-size: 12px;
}
#header h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	color: #5fb0bb;
}
#header p {
	margin: 0;
	padding: 5px 0;
}
#main {
	position: relative;
	padding: 40px 30px;
	background-color: #fff;
	min-height: 280px;
}
#main .preview {
	position: relative;
}
#main .right-box {
	position: relative;
	float: right;
	padding-right: 30px;
	width: 300px;
}
#main .right-box ol {
	margin: 0 0 0 5px;
	padding: 0;
	color: #a32900;
}
#main .right-box ol li {
	margin-left: 20px;
	border-top: 1px dashed #ccc;
	font-size: 14px;
}
#main .right-box ol li.last {
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}
#main .right-box ol li h4 {
	margin: 0;
	padding: 5px 0 3px;
	color: #a32900;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
#main .right-box ol li p {
	margin: 0;
	padding: 0 0 5px;
	font-size: 12px;
	color: #000;
}
#main .login-traduction {
	position: relative;
	display: inline-block;
	background: #E6E4D9;
	padding: 10px;
	color: #77766f;
	top: -40px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

#nav {
	position: absolute;
	top: 0;
	left: 30px;
	background: #617329 url(../_images/bg_bottom_nav.gif) no-repeat bottom left;
	width: 226px;
	color: #fff;
	z-index: 2;
}
#nav p {
	margin: 0;
	padding: 20px 0 15px 20px;
	background: transparent url(../_images/bg_top_nav.gif) repeat-x top left;
}
#nav form {
	margin: 0;
	padding: 0 0 15px 20px;
}
#nav h3 {
	margin: 0;
	padding: 0;
	color: #aae535;
	font-size: 15px;
	font-weight: normal;
}
#nav ul {
	margin: 0 0 40px 20px;
	padding: 0;
	list-style: none;
	background: transparent url(../_images/sep_nav.gif) no-repeat bottom left;
}
#nav li {
	margin: 0;
	padding: 8px 0 6px;
	background: transparent url(../_images/sep_nav.gif) no-repeat top left;
}

#nav a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#nav a.current {
	color: #aae535;
}

#quick-nav {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 30px 15px 270px;
	width: 600px;
	background: transparent url(../_images/bg_quick_nav.gif) repeat-x top left;
	z-index: 1;
	color: #b0ad98;
}
#quick-nav a {
	padding: 0 5px;
	color: #000;
}
#quick-nav a.current {
	color: #607225;
	text-decoration: none;
}
#content {
	margin: 45px 30px 15px 270px;
	padding: 0 20px 20px;
	width: 520px;
	background-color: #e6e5da;
	color: #3e3e3b;
}
#footer .left {
	padding: 0 20px;
	width: 338px;
}
#footer .left.with-border {
	padding-left: 0;
	border-right: 1px solid #837f6f;
}

a { color: #039; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hide { display: none; }
.hidden {
	text-decoration: line-through;
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}

h3 {
	margin: 0;
	padding: 0 0 10px;
	color: #004e58;
}
h3 a {
	color: inherit;
}
h2 {
	margin: 20px 0 5px;
	text-transform: uppercase;
	color: #004049;
	font-size: 14px;
	font-family: "trebuchet ms", helvetica, arial, sans-serif;
}
h2 a {
	color: inherit;
}
h4 {
	margin: 10px 0 4px;
	text-transform: uppercase;
	color: #004049;
	font-size: 12px;
	font-family: "trebuchet ms", helvetica, arial, sans-serif;
}

/* comments */

#comments {
	margin: 0;
	padding: 0 0 10px;
	list-style: none;
}
#comments li.comment {
	margin-top: 10px;
	border-bottom: 1px dashed #c3c2b8;
}
#comments .meta {
	border-bottom: none;
}
#comments .date {
	color: #666;
	font-size: .83em;
}


/* calendar */

.calendar { margin-top: 10px; border-right: 1px solid #999; border-bottom: 1px solid #999 }
.calendar td { border-top: 1px solid #999; border-left: 1px solid #999; padding: 5px; text-align: left; }
.calendar_year {}
.calendar_week_day { width: 100px; font-size: 11px; text-align: center !important; background-color: #004049; color: #fff; text-transform: uppercase; border-color: #0e4a53 !important; }
.calendar_day { background-color: #fff; }
.calendar_current_day { background-color: #fff; }
.calendar_day_number { text-align: right; padding-bottom: 2px; font-weight: bold; font-size: 10px; }
/*.calendar_weekend { display: none; }*/
.calendar_empty {}

/* popup calendar */

.popup_calendar {
	background-color: #fff;
	border: 1px solid #ddd;
}

/* events */

.events {
	margin: 0;
	padding: 0;
	list-style: none;
}
.events li {
	margin: 0;
	padding: 10px 0 5px 22px;
	background-image: url(../_images/icon_time.gif);
	background-repeat: no-repeat;
	background-position: 7px 10px;
	border-bottom: 1px dashed #c3c2b8;
}
.events .date {
	color: #77766f;
}
.events h3 {
	margin: 0;
	padding: 2px 0;
	font-size: 13px;
}
.events h3 a {
	color: #3e3e3b;
	text-decoration: none;
	text-transform: uppercase;
}

/* form style */

div.error {
	margin-bottom: 20px;
	margin-left: 250px;
	padding: 8px 10px;
	background-color: red;
	color: #fff;
	font-weight: bold;
}
div.success {
	margin-bottom: 20px;
	margin-left: 250px;
	padding: 8px 10px;
	background-color: blue;
	color: #fff;
	font-weight: bold;
}

#content .error,
#content .success,
#login_form .error {
	position: relative;
	margin-left: 0;
}

input.medium {
	width:  120px;
	font-size: 11px;
	margin-right: 10px;
}
input.submit {
	float: right;
}
input.title {
	margin: 0;
}
label {
	display: block;
}
label.inline {
	display: inline;
}
input.title {
	font-size: 20px;
	width: 100%;
}
/*a.button, a.button:visited {
	background: #222 url(../_images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
a.button:hover { background-color: #111; color: #fff; }
a.button:active { top: 1px; }
a.large.button, a.large.button:visited { font-size: 14px; padding: 8px 14px 9px; }*/

/* Table index ------------------------------------------------------------ */

table.index {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	width: 100%;
}

table.index td,
table.index th {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background: #fff;
	padding: 3px 5px;
}

table.index th {
	font-size: 11px; text-align: center !important; background-color: #004049; color: #fff; text-transform: uppercase; border-color: #0e4a53 !important;
}

table.index .is_admin td,
table.index .is_admin a {
	background: #C02D31;
	color: #fff;
}

/* Form Table ------------------------------------------------------------- */

.buttons {
  font-size: 80%;
  margin-top: 2.5em;
}


td.label {
  padding-top: 10px;
  padding-right: 10px;
  vertical-align: top;
  text-align: right;
  width: 30%;
}
td.field {
	padding-top: 7px;
}
td.field .textbox {
  width: 100%;
}

td.field input {
  padding:  3px;
  font-size: 100%;
  border:  1px solid #ccc;
}
table.fieldset .checkbox {
  display: block;
  float: left;
  padding-top: 4px;
  /*width: 10em;*/
}
table.fieldset input.error,
table.fieldset select.error,
table.fieldset textarea.error {
  border: 1px solid #c00;
}
table.fieldset td.error {
  color: #c00;
}
table.fieldset .error-with-field small {
  color: red;
}


/* POST */

.post {
	margin: 0 -30px;
	padding: 10px 30px 5px;
	border-bottom:  3px solid #fff;
	
}
.post h2 a {
	margin: 23px 0 15px;
	color: #3e3e3b;
	font-size: 21px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}
.meta {
	font-size: .9em;
	padding-bottom: 3px;
	border-bottom: 1px dashed #77766f;
	font-style: italic;
}
.meta .date {
	font-style: normal;
}
.post .more {
	clear: both;
	float: right;
	display: inline-block;
	margin-top: 10px;
	padding: 8px 10px;
	color: #fff;
	background-color: #9bce33;
	text-transform: uppercase;
	text-decoration: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
}

/* pagination */

.pagination {
	margin: 10px 0;
	color: #77766f;
	text-align: center;
}
.pagination a {
	display:  inline-block;
	padding:  3px 4px;
	background-color: #9bce33;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
.pagination b {
	display:  inline-block;
	padding:  3px 4px;
	color: #77766f;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}

/* ressources */

.ressource {
	margin: 5px 0 10px;
	padding: 0 0 10px 30px;
	background-image: url(../_images/icon_resource.gif);
	background-repeat: no-repeat;
	background-position: 10px 1px;
	color: #3e3e3b;
	border-bottom: 1px dashed #77766f;
}
.ressource h2 {
	margin: 0;
	padding: 2px 0;
}
.ressource h2 a {
	color: #3e3e3b;
	text-decoration: none;
}
.ressource h2 a:hover {
	color: #9bce33;
}

/* ------------------ */
.date {
	color: #77766f;
}
.border-bottom {
	padding-bottom: 8px;
	border-bottom: 1px dashed #c3c2b8;	
}
.title {
	margin: 23px 0 15px;
	color: #3e3e3b;
	font-size: 21px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}
.button {
	position: relative;
	top: -30px;
	padding: 10px;
	display: inline-block;
	background: #E6E4D9;
	color: #77766f;
	border: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	text-transform: uppercase;
	text-decoration: none;
}
.add {
	/*right: -10px;*/
	right: -20px;
	padding-right: 20px;
	padding-left: 30px;
	background-image: url(../_images/icon_add.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.edit {
	padding-left: 24px;
	background-color: transparent;
	background-image: url(../_images/icon_edit.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.delete {
	margin: 8px 0;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 22px;
	background-color: transparent;
	background-image: url(../_images/icon_delete.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	border-left:  1px solid #ccc;
}
.back {
	/*left: -10px;*/
	left: -20px;
	padding-left: 40px;
	background-image: url(../_images/icon_back.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;
}
.publish, .save {
	top: auto !important;
	bottom: -10px !important;
	/*right: -10px;*/
	right: -20px;
	padding-right: 20px;
	padding-left: 30px;
	background-image: url(../_images/icon_next.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
.timed {
	padding-left: 22px;
	background-image: url(../_images/icon_time.gif);
	background-repeat: no-repeat;
	background-position: 7px 0;
}
.current_date {
	font-size: 11px;
	color: #77766f;
	text-transform: uppercase;
	text-decoration: none;
	border-left:  1px solid #77766f;
}
#form_calendar {
	position: relative;
	float: left;
	top: -30px;
	margin: 0;
	padding: 5px 0 0;
}
#login_form .medium {
	width: 132px;
}