/* 
    Document   : front.css
    Created on : 3 févr. 2010, 10:34:30
    Author     : maxime
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
*{
	margin:0;
	padding:0;
	border:none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#999999;
}
ul {
    margin-left: 30px;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: underline;
}

/** Général */
/* This must be declared seperately or IE will ignore all of the selectors. */
input[type=image] {
    border: none;
    vertical-align: middle;
    background: transparent;
}
.sortup {
    background: #ccc url("../../frequence-ecoles/graphics/za.png") center left no-repeat;
    padding-left: 10px;
}
.sortdown {
    background: #ccc url("../../frequence-ecoles/graphics/az.png") center left no-repeat;
    padding-left: 10px;
}
/* Form styles. */
.form table {
    width: 100%;
    padding: 2px;
    border-collapse: collapse;
}
form[action^="https://"] input[type="submit"] {
    background-image: url("graphics/locked.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    padding-right: 10%;
}
input[disabled], textarea[disabled] {
    background-color: #e9e9e9;
    color: #a8a8a8;
}
.htmlarea .statusBar .statusBarTree a {
    font: inherit;
}
.htmlarea table {
    width: auto;
}
.form-error {
    color: #f00;
}
input, select, textarea {
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-weight: normal;
    border: 1px solid #454545;
}
input {
    padding: 1px;
}
option {
    padding: 0 5px 0 3px;
}
.checkbox, .radio {
    border: 0;
    height: 14px;
    width: 14px;
    background: transparent;
}
.button {
    cursor: pointer;
    font-size: 90%;
    padding: 1px 6px;
}
pre, code, .fixed {
    font-size: 100%;
    font-family: "Lucida Console",Courier,"Courier New";
}
.button {
    color: #454545;
    background: #d9d9d9;
    border: 1px solid #454545;
    padding: 1px 2px;
    font-weight: bold;
    cursor: pointer;
}
.button:hover {
    color: #158cbd;
}
a.button {
    padding: 2px 4px;
    font-weight: bold;
    text-decoration: none;
}
.rowEven, .item0 {
    background-color: #eee;
}
.rowOdd, .item1 {
    background-color: #fff;
}
.notices {
    text-align: left;
    margin: .5em 8px;
    list-style-type: none;
}
.notices li, .notice {
    font-weight: bold;
    color: #000;
    background: #ffc;
    border: 1px solid #aaa;
    padding: 1px 1px 1px 5px;
}
.notices img, .notice img {
    margin-right: .5em;
}
.tooltip, div.nicetitle {
    color: #000;
    background: #ffc;
    border: 1px solid #000;
    padding: 5px;
    z-index: 1001;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
div.nicetitle {
    position: absolute;
    overflow: hidden;
    opacity: .90;
}
div.nicetitle pre {
    font-family: "Lucida Console",Courier,"Courier New";
}
.inProgress {
    font: 80% Geneva,Arial,Helvetica,sans-serif;
    padding: 2px;
    color: #fff;
    background: #f00;
}
/* Pager. */
.pager {
    text-align: center;
}

/* Tab styles. */
.tabset {
    float: left;
    width: 100%;
    font-weight: bold;
    background: url("../../frequence-ecoles/graphics/tab_bottom.gif") repeat-x bottom;
}
.tabset ul {
    margin-top: 4px;
    padding-left: 8px;
    list-style: none;
}
.tabset li {
    float: left;
    margin: -3px 2px 0 0;
    white-space: nowrap;
}
.tabset li a {
    color: #000;
    background-color: #e9e9e9;
    padding: 2px 0.5em;
    display: block;
    border: 1px solid #000;
}
.tabset li a:hover {
    background-color: #fff;
}
.tabset li.activeTab a {
    border-bottom: 1px solid #000;
    background-color: #000;
    color: #fff;
}
.tabset li.activeTab a:hover {
}
.tabset img {
    display: block;
    float: left;
    padding-right: 2px;
}
.download {
    padding: 2px 20px 2px 0;
    background: transparent url("graphics/box.png") center right no-repeat;
}
body.scrollbar-quirk {
    margin-right: 15px;
}
img, .img, .img:active, .img:hover, .img:visited, .image {
    border: none;
    vertical-align: middle;
    background: transparent;
}
br.spacer {
    line-height: 8px;
}
.nowrap {
    white-space: nowrap;
}
.clear {
    clear: both;
    line-height: 0;
    height: 0;
}
.accessKey {
    text-decoration: underline;
}
/* Calendar Popup. */
table.calendarPopup {
    border: 1px solid #ccc;
    background: #fff;
    width: 12em;
}
.calendarPopup thead {
    font-weight: bold;
}
.calendarPopup th {
    border-bottom: 1px solid #ccc;
}
.calendarPopup tbody {
    text-align: right;
}
.calendarPopup a {
    color: #000;
    display: block;
    padding: 2px;
}
.calendarPopup tbody a:hover {
    background: #ffc;
}
.calendarPopup .current {
    font-weight: bold;
    background: #eef;
}
.calendarPopup .today {
    font-weight: bold;
}

.hidden {
    display: none;
}
/* Redbox styles. */
#RB_overlay {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60);
}
#RB_loading {
    z-index: 101;
    width: 66px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    padding-bottom: 66px;
    text-align: center;
    background: url("../../frequence-ecoles/graphics/redbox_spinner.gif") no-repeat bottom center;
}
#RB_window {
    z-index: 102;
    background-color: #fff;
    display: block;
    text-align: left;
    overflow: hidden;
    margin: 20px auto 0 auto;
    position: fixed;
    position: absolute;
}
.leftAlign {
    text-align: left;
}
.rightAlign {
    text-align: right;
}
.leftFloat {
    float: left;
}
.rightFloat {
    float: right;
}
.highlight {
    background: #ff0;
}

/* La template commence ici */
/* MAIN */
#all {
	margin:auto;
	width:900px;
	background-color:#FFFFFF;
}
#menu1, #footer{
	padding:6px 5px 8px;
	background-color:#009ee0;
}
.top-menu span, .footer-menu span{
	padding:6px 5px 8px;
}
.top-menu a, .footer-menu a, #footer-right a{
	color:#FFFFFF;
	padding:6px 5px 8px;
	text-decoration:none;
}
.top-menu a:hover, .footer-menu a:hover, #footer-right a:hover{
	color:#000000;
	padding:6px 5px 8px;
	background-color:#FFFFFF;
}
#left, #home-left, #right, #home-right{
	float:left;
}
#left{
	width:650px;
}
#right{
	width:240px;
	background-color:#BCBCBC;
	color:#101010;
	margin:10px 10px 10px 0;
}
#menu-right {
	padding:10px;
}
#menu-right h2 {
	color:#1B739B;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:3px;
}
#menu-right h2 a {
	color:#1B739B;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:3px;
}
#menu-right ul {
	margin:0 0 10px 25px;
}
#menu-right ul li {
    list-style:none;
    list-style-image:url(graphics/jack.png);
}
#menu-right ul li a {
    color:#323232;
    text-transform:uppercase;
    text-decoration:none;
    font-size:11px;
    margin-left:0;
}
#menu-right a {
    color:#323232;
    font-size:11px;
    margin-left:0;
    text-decoration:none;
    text-transform:uppercase;
}
#menu-right-plaquette{
    padding-left: 25px;
    background:url(graphics/box.png) left no-repeat;
    margin-bottom:10px;
    font-weight:bold;
    line-height:17px;
}
#adresse{
    font-size:10px;
    text-align:center;
    padding:2px;
}
#menu-right-newsletter{
    margin-top:10px;
}
a.menu-right-newsletter-link{
    background:url(graphics/mail.png) top left no-repeat;
    padding-left: 25px;
    display:block;
    font-weight:bold;
}

/* INDEX */
#presentation, .page-main, .page-form, #home-mail,
#bloglist-body, #contact_form, #page_body_login,
#resource-list, #resource_view, #search-results {
    padding:10px;
    margin:10px;
    background-color:#EFEFEF;
    color:#454545;
}
h2, h1{
	padding-bottom:5px;
	margin-bottom:6px;
	text-transform:uppercase;
	font-size:16px;
}
#presentation h2.freq, #home-mail h2, .page-main h1, .page-form h1,
#bloglist-body h1, #contact_form h1, #page_body_login h1,
#search-results h1, #resource_view h1 {
	color:#009ee0;
	border-bottom:1px #009ee0 dashed;
}
#presentation a, #home-mail a, .page-main a, #page-form-adhesion a {
	color:#009ee0;
}
#home-left, #home-right {
	width:310px;
	background:#D9D9D9;
	margin:0 10px 10px;
	color:#323232;
}
#home-right {
	margin-left:0;
}
#home-right h2.freq, #home-left h2.freq {
	border-bottom:1px #158CBD dashed;
}
#home-right h2.educ, #home-left h2.educ {
	border-bottom:1px #E0A719 dashed;
}
#home-right h2.juke, #home-left h2.juke {
	border-bottom:1px #B22F39 dashed;
}
#home-right h2.freq, #home-left h2.freq,
#home-right h2.freq a, #home-left h2.freq a {
	color:#158CBD;
}
#home-right h2.educ, #home-left h2.educ,
#home-right h2.educ a, #home-left h2.educ a {
	color:#E0A719;
}
#home-right h2.juke, #home-left h2.juke,
#home-right h2.juke a, #home-left h2.juke a {
	color:#B22F39;
}
#news, #educ, #menu2 {
    padding:10px;
}
#educ h3, #educ h4{
	color:#E0A719;
	padding-bottom:3px;
}
#juke-box, #ressource{
    padding: 0 10px 10px;
}
#menu-right-partenaires {
    margin-top:20px;
}
#news ul, #ressource ul, #menu-right-partenaires ul, #juke-box ul {
    margin-left:0;
}
#news ul li, #ressource ul li, #menu-right-partenaires ul li, #juke-box ul li {
    list-style-position:inside;
}
#news ul li {
    list-style-image:url(graphics/actu.png);
}
#ressource ul li {
    list-style-image:url(graphics/pdf.png);
}
#menu-right-partenaires ul li {
    list-style-image:url(graphics/web.png);
}
#juke-box ul li {
    list-style-image:url(graphics/vid.png);
}
a.home-blog-box-menu-link {
    font-weight:bold;
}
.readmore-link {
    color:#158CBD;
}
#educ .readmore-link {
    color:#E0A719;
}

/* PAGES */
#pathway {
	margin:10px 10px 0;
	background:#D9D9D9;
        padding:10px;
}
.pathway-current a, .pathway-current {
    color:#158CBD;
    font-weight:bold;
}
.page-main h3, .page-form h3 {
    font-size:15px;
    margin:15px 0 6px;
    color:#009ee0;
}
.page-main h4, .page-form h4 {
    font-size:13px;
    margin:10px 0 3px;
    font-style:italic;
}
.page-main p, .page-main ul, .page-form p, .page-form ul, #bloglist-body p {
    margin-bottom:8px;
}
img.img-right {
    float:right;
    margin-left:5px;
}
img.img-left {
    float:left;
    margin-right:5px;
}
.page-tools {
    margin-top: 5px;
}
#page-tools-menu {
    border: 1px #cdcdcd solid;
    padding: 5px 0px 5px 5px;
    background-color: #dedede;
}
#page-tools-btn {
    margin: 0 0 5px 0;
}
.page-tools-menu-link {

}
.page-separator {
    margin-top:5px;
    border-top:1px #009ee0 dashed;
}

/** Ressources */
h2.resource_title, #resource_view .resource_download h2, #bloglist-body h2 {
    padding-bottom:0;
}
h2.resource_title a, #resource_view .resource_download h2, #bloglist-body h2 a {
    color:#009ee0;
    font-size:14px;
}
.resource-description, .resource_download, .resource_description, #resource_view p, #bloglist-body p {
    margin-bottom:8px;
}
.resource-created, .blog-item-infos {
    font-style:italic;
}
.resource-created {
    font-size:11px;
}
.blog-item-infos{
    font-size:12px;
    font-weight:bold;
}
.resource_download_list{
    padding-top:8px;
}
.separator {
    height:15px;
    margin-top:5px;
    border-top:1px #009ee0 dashed;
}
.resource_infos_name, .resource_infos_value {
    display:inline;
    font-style:italic;
}
.resource_infos_name {
    font-weight:bold;
}

/* Adhesion - Contact */
#adhesion_form_section___base .rowEven, #adhesion_form_section___base .rowOdd {
    background-color:transparent;
}
#adhesion_form_section___base td, #site_contactform_section___base td {
    padding:2px;
}
#adhesion_form_active div.header {
    color:#009ee0;
    font-size:18px;
    font-weight:bold;
    margin:15px 0px 10px;
}
h2.adhesion {
    font-size:20px;
    font-weight:bold;
    margin:20px 0px 0px;
}
a.adhesion {
    margin:10px 0;
    font-size:18px;
    color:#009ee0;
    font-weight: bold;
}

/* Recherche */
#search-results h2 {
    color:#009ee0;
    font-size:12px;
    margin:15px 0 0;
}
.result_element h3 {
    font-size: 13px;
}
.search_result_text {
    margin-bottom:5px;
}