/* 
Theme Name: CSDCCS
Theme URI: 
Description: 
Version: 1.2
Author: 
Author URL: 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

body {
	text-align: center;
	background: #fff url('http://www.csdccs.edu.on.ca/images/body-bg.gif');
}

#wrapper {
	width: 860px;
	margin: 5px auto;
	text-align: left;
	background: url('http://www.csdccs.edu.on.ca/images/wrapper-top.png') no-repeat 0px 4px;
}

#inner-wrapper {
	background: url('http://www.csdccs.edu.on.ca/images/wrapper-bg.png') repeat-y top left;
	padding: 0 10px;
	clear:both;
}

#wrapper-bottom {
	background: url('http://www.csdccs.edu.on.ca/images/wrapper-bottom.png') no-repeat bottom left;
	height: 20px;
	width:100%;
}

/* @group header */

/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header {
	float: left;
	width: 100%;
	background: #fff url('http://www.csdccs.edu.on.ca/images/index-bg.jpg') no-repeat top left;
	width: 100%;
}

#logo {
	text-indent:-9999px;
}

#slogan { width:100%; height:228px;}

#topnav {
	width:840px;
	padding-right: 20px;
}

#topnav ul li {
	float:left;
	display: inline;
}

#topnav ul li a {
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #333;
	border-left: 1px solid #999;
	display: inline;
	background: #D9D9D9;
	display: block;
	height: 19px;
	padding:5px 7px 0 7px;
}

#topnav ul li a.first {
	border-left: none;
	background: #D9D9D9;
	padding-left: 14px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}

#topnav ul li a.last {
	background: #D9D9D9;
	padding-right: 14px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

/* @end */

/* @group nav */

/* NAV - PLAIN TEXT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#nav { position:relative; margin:-42px auto 0 auto; width: 821px; z-index:10; }
/* menu */
#menu{ margin:0px; padding:0px; list-style:none; line-height:37px; display:inline-block; float:left; }
#menu a { color:#231F20; text-decoration:none; border-right: #231F20 solid 1px; padding: 0 11px; font-size: 15px; }
#menu .last a {border-right:none;}
#menu > li {background: url('http://www.csdccs.edu.on.ca/images/nav-bg.png') repeat-x scroll 0 0; cursor:pointer; float:left; position:relative;}
#menu > li a:hover {color:#4490CD;}
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; top:0px; left:0; margin-top:32px; width:200px; line-height:16px; background:#E6E6E6; color:#0395CC; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; z-index:50; /* for IE */ display:none;}
#menu li.first ul {left:24px;}
#menu li:hover ul { display:block;}
#menu li ul li { display:block; margin:5px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#4490CD; border-right:none; }
#menu li ul li a:hover { color:#7FCDFE; }
/* @end */

/* @group mid */

/* MID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#mid-inner {
	width: 100%;
	float: left;
	text-align: left;
	background: #fff;
}

/* @end */

/* @group content */

/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content {
	text-align: left;
	font-size:0.9em;
	padding: 0 10px;
	font-family: "Times New Roman", Times, serif;
	color: #626366;
	width:820px;
	line-height: 1.2em;
}

.content a:link, .content a:visited, .content a:active {
	color: #4490CD;
	text-decoration: none;
	border-bottom: 1px dotted #4490CD;
}

.content a:hover {
	color: #4490CD;
	border-bottom: 1px solid #4490CD;
}

.content h1 {
	margin-bottom: 1em;
	font-size: 2em;
	color: #;
}

.content h1 a:link, .content h1 a:visited, .content h1 a:active {
	color: #4490CD;
	text-decoration: none;
	border-bottom: 1px solid #4490CD;
}

.content h1 a:hover {
	color: #4490CD;
	border-bottom: 1px solid #4490CD;
}

.content h2 {
	font-size: 17px;
	color: #4490CD;
	border-bottom: 2px solid #4490CD;
	text-transform:uppercase;
	margin: 0;
}

.content h2 a:link, .content h2 a:visited, .content h2 a:active {
	color: #4490CD;
	text-decoration: none;
	border-bottom: 1px solid #4490CD;
}

.content h2 a:hover {
	color: #4490CD;
	border-bottom: 1px solid #4490CD;
}

.content h3 {
	margin: .8em 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #;
}

.content h4 {
	margin: 0 0 10px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #;
}

.content h4 a:link, .content h4 a:visited, .content h4 a:active {
	color: #4490CD;
	text-decoration: none;
	border-bottom: 1px solid #4490CD;
}

.content h4 a:hover {
	color: #4490CD;
	border-bottom: 1px solid #4490CD;
}

.content h5 {
	margin: 2em 0 1em;
	font-size: 1.3em;
	font-weight: bold;
	color: #;
}

.content h5 a:link, .content h5 a:visited, .content h5 a:active {
	color: #4490CD;
	text-decoration: none;
	border-bottom: 1px solid #4490CD;
}

.content h5 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h6 {
	font-weight: bold;
}

.content h6 a:link, .content h6 a:visited, .content h6 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h6 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content p, .content blockquote,  {
	margin-bottom: 1em;
}

.content p a:link, .content p a:visited, .content p a:active, .content li a:link, .content li a:visited, .content li a:active, table a {
	color: #4490CD;
	text-decoration: none;
	border-bottom: 1px dotted #4490CD;
}

.content p a:hover, .content li a:hover {
	color: #4490CD;
	border-bottom: 1px solid #4490CD;
}

.content ul {
	margin: 10px 10px 15px 10px;
}

.content ul li {
	list-style-type: square;
	list-style-position:inside;
}

.content ol {
	margin: 0 0 15px 30px;
	list-style-type: decimal;
}

.content ol li {
	list-style-type: decimal;
}

.content li {
	margin-bottom: 5px;
}

.content ul li ul li { list-style: circle; font-size:.9em; margin-left:20px;}

.content blockquote {
	padding: 0 15px;
	font-style: italic;
}

.content img {
	padding: 0px;
	background: #;
}

.content img.alignleft {
	float: left;
	display: inline;
	margin: 0px 10px 10px 0;
}

.content img.alignright {
	float: right;
	display: inline;
	margin: 5px 0 10px 15px;
}

.contact {
	border-spacing: 5px;
	margin: 10px 0;
	font-size: 11px;
}

.contact th, .contact td {
	padding: 5px;
	border: #ccc solid 1px;
}

.actualites {
	width: 135px;
	float:left;
	text-align: justify;
	margin: 0 6px;
}

.actualites h3, .actualites p, .actualites img {
	margin: 2px 0;
	font-size: 12px;
}

.actualites2 {
	width: 276px;
	float:left;
	text-align: justify;
	margin: 0 6px;
}

.actualites2 h3, .actualites2 p, .actualites2 img {
	margin: 2px 0;
	font-size: 12px;
}

/* @end */

/* @group footer */

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer {
	clear: both;
	width: 100%;
	background: #4490cd url('http://www.csdccs.edu.on.ca/images/footer-bg.gif') repeat-x bottom left;
	height: 60px;
}

#footer-credits {
	width: 70%;
	font-size: 0.8em;
}

#footer-meta {
	width: 25%;
	text-align: right;
	margin-top:-65px;
}

#footer li a:link, #footer li a:visited, #footer li a:active {
	color: #fff;
	text-decoration: none;
	width:67px;
}

#footer li a:hover {
	color: #fff;
}

#footer p {
	font-size: 1.1em;
}

#footer ul {
	padding: 10px;
}

#footer-credits li {
	display: inline;
	padding: 0 10px;
	font-size: 1.2em;
	border-left: 1px solid #fff;
}

#footer li.first {
	border-left: none;
}

/* @end */

/* @group miscellaneous */

/* MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

strong {
	font-weight:bold;
}

fieldset {
	border: #e9e9e9 1px solid;
	padding: 15px;
	margin: 10px 0;
}

legend {
	font-size: 14px;
	font-weight: bold;
}

form table th {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
}

.clear {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.feed {
	padding: 1px 0 1px 15px;
	background: url("http://www.csdccs.edu.on.ca/images/icon-feed.png") no-repeat 0 50%;
}

.conseiller {
	float: left;
	width: 250px;
	margin: 2px 10px 2px 2px;
}

.conseiller p {
	padding:0;
	margin:0;
}


em { font-style:italic;}
sup { font-size:0.7em; vertical-align:text-top;}

.insert{
	color: #000;
	font-style: normal;
}

#column-left { float: left; width: 590px;}
#column-right { float: right; width: 220px;}

#column-left h2, #column-right h2{
	text-align: center;
}

#alert ul li { list-style:none; list-style-position:outside;}
#alert p { padding: 10px; border-bottom: #e9e9e9 dotted 1px; }
.non, .retard, .ok { margin: 3px; width: 125px; height: 15px; float: left;}
.noscript {
	margin-top: 20px;
}

.reportee td, .annulee td {
	background: #ffebe8;
	border: #cc0000 solid 1px;
	}

a:hover .thickbox {
	border-bottom: none;
	text-decoration: none;
}

.diaporama {
	background:#bed638 url('../inscriptions/images/button-green.gif') repeat-x bottom left;
	width: 350px;
	border:#8da42c 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-top-radius: 5px;
}
.diaporama img { margin: 3px;}
.diaporama p { margin: 5px;}
.diaporama a {
	padding: 3px;
	margin:0;
}

input[name=job_wanted] {
	width: 200px;
}
/* @end */

/* CALENDAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#calendar {
	float: left;
	width: 230px;
}

#calendar_list {
	float: right;
	width: 580px;
}

#calendar, #calendar_list, #job_list {
	margin: 10px 0;
	border-spacing: 2px;
	font-size: 0.9em;
}

#calendar th, #calendar_list th, #job_list th {
	padding: 3px;
	text-align: center;
}

#calendar td, #calendar_list td, #job_list td {
	padding: 2px;
	border: #ccc solid 1px;
	text-align: center;
}

.days {
	background: #3e86c6;
	color: #fff;
	border: none;
}

.today {
	background: #ccc;
}

#calendar .meeting, #calendar_list .meeting, #job_list .cloture, .question {
	background: #ffffe0;
	border: #e6db55 solid 1px;
}

.question, .pair {
	padding: 10px;
}

.question strong {
	font-weight: bold;
}

#calendar .today.meeting {
	background: #ccc;
}

/* @end */

/* GOOGLE MAP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#map_wrapper { 
	position: relative;
	border: #ccc solid 1px;
}

#formulaire {
	position: absolute;
	right:0px;
	top:150px;
}

#map_canvas {
	width: 100%;
	height: 400px;
	background-color:#E5E3DF;
	position:relative;
}

#panel {
	background: #333;
	border-bottom: #ccc solid 1px;
	border-top: #ccc solid 1px;
	color: #fff;
	padding: 10px;
}

.btn-slide {
	background: url('http://www.csdccs.edu.on.ca/images/map-handle.png') no-repeat top left;
	text-align: center;
	width: 25px;
	height: 75px;
	display: block;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.active {
	background: url('http://www.csdccs.edu.on.ca/images/map-handle.png') no-repeat top right;
}

#adresse input {
	border: none;
	margin-right: 10px;
}

#adresse {
	background: #fff;
	border: #ccc solid 1px;
	width: 340px;
	text-align: right;
}

#legend {
	background: #ccc;
	border: #ccc solid 1px;
	margin-bottom: 10px;
	padding: 10px;
}

#map, .school_list {
	width: 273px;
}

.school_list {
	float: left;
	margin: 0 10px 25px 10px;
}

#map_contents { 
	background-color: #fff;
	color: #000;
}

#map_tl, #map_tr, #map_l, #map_t, #map_r, #map_bl, #map_br, #map_b{
	width: 1px;
	height: 1px;
	background: #333;
}

#map_close{
  width: 21px;
  height: 21px;
  background: url('http://www.csdccs.edu.on.ca/images/corners/close.png') center no-repeat transparent;
  cursor: pointer;
}

* html #map_close{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.csdccs.edu.on.ca/images/corners/close.png', sizingMethod='crop');
}

#map_beak{
  width: 275px;
  height: 20px;
  background: url('http://www.csdccs.edu.on.ca/images/corners/beak.png') top left no-repeat transparent;
}
* html #map_beak{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.csdccs.edu.on.ca/images/corners/beak.png', sizingMethod='crop');
}

#map_contents p, .school_list p {
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
}

#map_contents .title {
	color: #fff;
	background-color: #333;
	font-weight: bold;
	font-size: 12px;
	padding-right: 21px;
}

.school_list .title {
	color: #fff;
	background-color: #333;
	font-weight: bold;
	font-size: 12px;
	padding-right: 21px;
}

/* @end */

/* TABS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#htabs {
	float:left;
	width: 175px;
	padding:0;
	margin:0;
	text-align: left;
}

#htabs ul {
	padding:0;
	margin:0;
}

#htabs ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.htabs li a:link {
	display: block;
	padding: 6px 8px;
	vertical-align: middle;
	line-height: 15px;
	height: 40px;
	border-bottom: none;
}

.htabs li a:hover{
	color: #fff;
	background: url('http://www.csdccs.edu.on.ca/images/arrow-tab.png') no-repeat top left;
}

#tabs {
	width: 475px;
	margin: 0 10px;
	float: right;
}

.tabs ul{
	list-style: none;
}

#tabs .conseiller {
	margin: 0 5px;
	min-height: 150px;
}



/* @end */

/* ACCORDION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.accordion {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
	margin: 10px 0;
}
.accordion h5 {
	background: #f7f7f7 url('http://www.csdccs.edu.on.ca/images/arrow-square.gif') no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h5:hover {
	background-color: #e3e2e2;
}
.accordion h5.active {
	background-position: right 5px;
}
.accordionnext {
	background: #fff;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
/* @end */

/* SLIDESHOW
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#slideshow, #alert {
	float:left;
	display: block;
	width: 588px;
}

#slideshow ul li { list-style:none;}

#prev, #next {
	display: block;
	cursor: pointer;
	background:#e9e9e9;
	padding: 5px;
	margin: 0px;
}

.thermometre { width:250px; height:10px; margin:0 10px 10px 0; border:#666 solid 1px; display:inline; vertical-align:middle; -moz-border-radius:5px; -webkit-border-radius:5px;}
.group img { padding:5px; margin-right:5px; border:#ccc solid 2px;}
a:hover.group { border:none; text-decoration:none;}
.done { text-decoration: line-through; color:#ccc;}

.comm, .non, .retard, .ok, .partielle {
    border:1px solid;
    font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

.non, .retard, .ok, .partielle {
    text-align: center;
    width: 48%;
    padding: 2px 0;
    color:#FFFFFF !important;
}

.non {
    background:#f71621 url('../images/bg-non.gif') repeat-x left bottom;
    border-color: #a50500 !important;
}

.retard, .partielle {
    background:#e79c26 url('../images/bg-retard.gif') repeat-x left bottom;
    border-color:#a57300 !important;
	color: #000;
}

.ok {
    background:#90d43d url('../images/bg-ok.gif') repeat-x left bottom;
    border-color:#509511 !important;
}

.comm {
	clear: both;
    width: 100%;
    border-color:#ccc !important;
	background: #f9f9f9;
    color:#000 !important;
    margin-top: 5px;
	padding: 5px;
}

.avertissement {
	background-color: #FBFB87;
	border: 1px solid #EEEE2B;
	padding: 5px 5px 0;
}

#dso {
	margin-bottom: 10px;
	border-left: #333 solid 1px;
	border-right: #333 solid 1px;
}

#dso th {
	background: #333;
	color: #fff;
	padding: 10px;
}

#dso td {
	border-bottom: #333 solid 1px;
	padding: 10px;
}

/* button 
---------------------------------------------- */
.content a:link.button {
	color:#fff;
	border:none;
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #438ecb;
	background: -webkit-gradient(linear, left top, left bottom, from(#438ecb), to(#18518f));
	background: -moz-linear-gradient(top,  #438ecb,  #18518f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#438ecb', endColorstr='#18518f');
}
.blue:hover {
	background: #438ecb;
	background: -webkit-gradient(linear, left top, left bottom, from(#438ecb), to(#2b6caa));
	background: -moz-linear-gradient(top,  #438ecb,  #2b6caa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#438ecb', endColorstr='#2b6caa');
}
.blue:active {
	color: #18518f;
	background: -webkit-gradient(linear, left top, left bottom, from(#18518f), to(#438ecb));
	background: -moz-linear-gradient(top,  #18518f,  #438ecb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#18518f', endColorstr='#438ecb');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/* @end */