@charset "utf-8";

/* RITA
 * Main stylesheet
*/

/* simple selectors */

body {
	padding: 0;
	margin: 0;
	background: #2c791b url('images/bg_green_main.png') center top repeat-y;
	font: normal 12px Tahoma, Arial, sans-serif;
	color: #464646;
}

img {
	border: none;
	padding: 0;
	margin: 0;
}

div.clear {
	clear: both;
}

/* main layout header elements */

#main-header {
	background: white url('images/bg_white_header.png') left top repeat-x;
}

#main-header div.wrapper {
	position: relative;
	width: 950px;
	margin: 0 auto;
	z-index: 250; /* fix ie6 ie7 zIndex bug */
}

#main-header-nav {
	height: 37px;
}

#main-header-text {
	width: 950px;
	height: 241px;
	margin: 0;
	padding: 0;
	background-image: url('images/main_header.jpg');
}

#main-header-text h1 {
	position: absolute;
	margin: 0;
	padding: 0;
}

#main-header-text h1 a { /* home link transparent overlay */
	display: block;
	width: 411px;
	height: 241px;
	text-decoration: none;
}

#main-header-text h1 span,
#main-header-text h2 {
	display: none;
}

#main-header-search {
	position: absolute;
	top: 3px;
	right: 0;
	padding: 10px 25px;
	text-align: right;
}

#main-header-search input[type=text] {
	padding: 4px;
	margin: 16px 54px 0 0;
}

#main-header-search #submit-go {
	position: absolute;
	right: 20px;
	padding: 3px 5px;
	border: 0;
	background: transparent url('images/search_button_go.png') top left no-repeat;
	width: 49px;
	height: 53px;
	text-indent: -9999px;
	cursor: pointer;
}

#main-header-search #advanced-search {
	padding: 0 3px 6px 3px;
	margin-right: 52px;
	border: 0;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 11px;
}

#main-header-search #advanced-search:hover {
	text-decoration: underline;
}


/* layout content elements */

#content {
	width: 950px;
	margin: 0 auto;
}

#colorchips-section {
	height: 16px;
}

#main-section {
	display: inline;
	clear: left;
	float: left;
	width: 100%;
}

#main-section-padding {
	margin: 10px 309px 10px 0;
}

#main-section div.top-box {
	padding-top: 17px;
	background: transparent url('images/main_panel_header.png') center top no-repeat;
}

#main-section div.content-box {
	padding: 5px 16px 0 15px;
	background: white url('images/main_panel_bg.png' ) center top repeat-y;
}

#main-section div.bottom-box {
	padding-bottom: 17px;
	background: transparent url('images/main_panel_footer.png') center bottom no-repeat;
}

#related-section {
	display: inline;
	float: left;
	width: 300px;
	margin-left: -300px;
}

#related-section-padding {
	margin: 5px 0 10px 0;
}

#footer {
	clear: left;
	width: 950px;
	margin: 0 auto;
	padding-top: 5px;
}

#footer-wrapper {
	width: 950px;
	height: 130px;
	background-image: url('images/main_footer.png' );
}

#footer div.footer-text {
	display: none;
}

#footer-map {
	position: absolute;
	width: 950px;
	height: 130px;
}

/* layout breadcrumbs elements */

#breadcrumbs {
	padding-bottom: 15px;
	font-size: 10px;
	color: #acacac;
}

#breadcrumbs a {
	color: #acacac;
	text-decoration: none;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

#breadcrumbs span.current {
	color: #3e8bc4;
}

#breadcrumbs span.separator {
	color: #aec94e;
}

/* custom news elements */

#news-section {
	padding-bottom: 15px;
}

/* layout main content elements */

#main-section h1 {
	margin: 0;
	padding: 15px 0 5px 0;
	font-size: 28px;
	font-weight: normal;
	color: #3e8bc4;
}

#main-section hr,
#main-section div.hr {
	height: 0;
	padding: 0;
	margin: 0 0 15px 0;
	border: none;
	border-bottom: dashed 1px #f8941d;
}

#main-section hr {
	margin: 30px 0;
}

#main-content {
	width: 610px;
	margin: 0;
	padding: 0;
}

/* layout main content elements */

#main-content h1 {
	padding: 5px 0 10px 0;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #aec94e;
}

#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
	padding: 5px 0 10px 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #3e8bc4;
}

#main-content p {
	margin: 10px 0;
	padding: 0;
}

#main-content a {
	color: #3e8bc4;
	text-decoration: none;
}

#main-content a:hover {
	text-decoration: underline;
}


/* layout posts list specific elements */

#main-content ul.posts-list,
#main-content ul.posts-list li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-content ul.posts-list {
	margin-top: -15px;
}

#main-content ul.posts-list li {
	position: relative;
	height: 160px;
	border-bottom: dashed 1px orange;
}

#main-content ul.posts-list img {
	position: absolute;
	left: 0;
	top: 15px;
}

#main-content ul.posts-list div.details {
	position: absolute;
	left: 180px;
	top: 15px;
	width: 430px;
}

#main-content ul.posts-list div.details h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #aec94e;
}

#main-content ul.posts-list div.details h2 a {
	color: #aec94e;
	text-decoration: none;
}

#main-content ul.posts-list div.details p {
	margin: 0 0 3px 0;
}

#main-content ul.posts-list div.details p.more {
	text-align: right;
}

#main-content ul.posts-list div.details p.more a {
	text-align: right;
	font-size: 11px;
	color: #3e8bc4;
	text-decoration: none;
}

#main-section div.levels {
	display: block;
	margin-bottom: 5px;
}

#main-section div.post-levels {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 126px;
	left: 180px;
}

#main-section div.levels span.niveau {
	display: inline-block;
	width: 54px;
	height: 19px;
}

#main-section div.levels span.niveau span {
	display: none;
}

#main-section div.levels span.primaire { width: 56px; background-image: url('images/niveau_primaire.png'); }
#main-section div.levels span.secondaire { width: 71px; background-image: url('images/niveau_secondaire.png'); }
#main-section div.levels span.on-1 { background-image: url('images/niveau_1_on.png'); }
#main-section div.levels span.on-2 { background-image: url('images/niveau_2_on.png'); }
#main-section div.levels span.on-3 { background-image: url('images/niveau_3_on.png'); }
#main-section div.levels span.off-1 { background-image: url('images/niveau_1_off.png'); }
#main-section div.levels span.off-2 { background-image: url('images/niveau_2_off.png'); }
#main-section div.levels span.off-3 { background-image: url('images/niveau_3_off.png'); }

/* layout post toc elements */

/*
#main-content ol.toc,
#main-content ol.toc li {
	margin: 0;
	padding: 0;
	list-style: none;
}
*/

#main-content ol.toc li {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

/* search results elements */

#main-content ul.search-results {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-content ul.search-results li {
	margin: 0;
	padding: 15px 0;
	list-style-type: none;
	border-bottom: dashed 1px orange;
}

#main-content ul.search-results h2 {
	margin: 0 0 10px 0;
	padding: 0;
}

#main-content ul.search-results h2 a {
	color: #aec94e;
	text-decoration: none;
}

#main-content ul.search-results p {
	margin: 5px 0;
}

#main-content ul.search-results p.url {
	font-size: 10px;
}

#main-content ul.search-results p.url a {
	font-style: italic;
	color: #3e8bc4;
	text-decoration: none;
}


/* advanced search form */

#main-content #advanced-search input[type=text] {
	padding: 4px;
	margin: 16px 4px 0 0;
}

#main-content #advanced-search-go {
	right: 20px;
	padding: 3px 5px;
	border: 0;
	background: transparent url('images/search_button_go.png') top left no-repeat;
	width: 49px;
	height: 53px;
	text-indent: -9999px;
	cursor: pointer;
}



/* message box elements */

#main-content div.error-message-box {
	border: solid 1px red;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 10px;
	text-align: center;
}

#main-content div.success-message-box {
	border: solid 1px green;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 10px;
	text-align: center;
}

/* order tool elements */

#main-content a.order-tool-icon {
	display: block;
	width: 335px;
	height: 102px;
	margin: 0 auto;
	background: url('images/commander_cet_outil.png');
}

#main-content a.order-tool-icon span {
	display: none;
}

/* social sharing elements */

/*
#main-content div.social-sharing ul,
#main-content div.social-sharing li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main-content div.social-sharing ul {
	float: right;
}

#main-content div.social-sharing li {
	float: left;
	margin: 0 2px;
}

#main-content div.social-sharing li.icon {
	opacity: 0.5;
}

#main-content div.social-sharing li.icon:hover {
	opacity: 1;
}

#main-content div.social-sharing a {
	display: block;
	width: 16px;
	height: 16px;
}

#main-content div.social-sharing li.sep {
	width: 5px;
	height: 16px;
	background: transparent url('images/social_!separator.png');
}

#main-content div.social-sharing li span {
	display: none;
}

#main-content div.social-sharing li.email a { background: url('images/social_mail.png'); }
#main-content div.social-sharing li.bookmark a { background: url('images/social_favorites.png'); }
#main-content div.social-sharing li.facebook a { background: url('images/social_facebook.png'); }
#main-content div.social-sharing li.twitter a { background: url('images/social_twitter.png'); }
#main-content div.social-sharing li.blogger a { background: url('images/social_blogger.png'); }
#main-content div.social-sharing li.wordpress a { background: url('images/social_wordpress.png'); }
#main-content div.social-sharing li.myspace a { background: url('images/social_myspace.png'); }
*/

#main-content div.social-sharing {
	margin-top: 30px;
	text-align: right;
}

#main-content div.social-sharing span.like-button {
	display: inline-block;
	vertical-align: top;
}


/* layout related section elements */

#related-section ul,
#related-section ul li {
	width: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#related-section ul li {
	margin-bottom: 5px;
}

#related-section ul li.raw img {
	vertical-align: bottom;
}

#related-section ul li.std {
	background: transparent url('images/sidebar_box_all_footer.png') center bottom no-repeat;
	padding-bottom: 17px;
}

#related-section ul li.std div.std-content {
	width: 280px;
	padding: 10px;
	background-image: url('images/sidebar_box_all_bg.png' );
}

#related-section ul li.std h3 {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 55px;
}

#related-section ul li.std h3#sidebar-calendar {
	background-image: url('images/sidebar_box_calendar_header.png' );
}

#related-section ul li.std h3#sidebar-facebook {
	background-image: url('images/sidebar_box_facebook_header.png' );
}

#related-section ul li.std h3#sidebar-poll {
	background-image: url('images/sidebar_box_poll_header.png' );
}

#related-section ul li.std h3 span {
	display: none;
}

/*
#related-section #facebook-likebox-frame {
	position: relative;
	width: 300px;
	height: 590px;
	overflow: hidden;
}

#related-section #facebook-likebox-frame iframe {
	top: -1px;
	left: -1px;
}
*/

#related-section #facebook-likebox-frame {
	margin-left: -6px;
}

/* layout ie warning elements */

#ie-warning {
	padding: 8px;
	border: solid 1px black;
	background-color: #f8941d;
	font-size: 14px;
	text-align: center;
}

#ie-warning strong {
	color: yellow;
}

#ie-warning a {
	font-weight: bold;
	color: yellow;
}

/* layout debug element */

#debug {
	width: 934px;
	margin: 0 auto;
	padding: 8px;
	border: solid 1px white;
	background-color: black;
	color: silver;
}