/*	CSS Global
	Commission scolaire au Coeur-des-vallées
	----------------------------------------	*/
	

body { background-color:#343f42; }

div#container { width:100%; height:100%; }
div#container_content { 
	width:950px; 
	margin:0 auto; 
	position:relative;
	background-image:url(../_images/bg_repeat_gris.gif);
	background-repeat:repeat-y;
	background-position:top left;
	clear:both;
}
div#container_footer { 
	width:691px; 
	margin:0 auto; 
	padding:10px 0 10px 259px;
}

div#container_left { 
	width:259px; 
	float:left; 
	background-color:#c7d275; 
	background-image:url(../_images/bg_repeat_vert.gif);
	background-repeat:repeat-y;
}
div#container_right {
	float:left;
	background-color:#fff;
	width:691px;
}

div#container_logo { 
	height:198px; 
	width:259px; 
	background-image:url(../_images/bg_logo_repeat.gif); 
	background-repeat:repeat-y; 
	background-position:top; 
	margin:0; 
	padding:0; 
}
div#container_logo img { padding:30px 0 0 45px; }

div#container_search {
	width:259px;
	height:43px;
	background-image:url(../_images/bg_search.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
}
div#container_search input.search_box {
	width:206px;
	height:14px;
	color:#000;
	font-size:10px;
	border:1px solid #c6c6c6;
	position:absolute;
	top:13px;
	left:12px;
}
div#container_search input.search_bt {
	position:absolute;
	right:17px;
	top:17px;
}

div#container_left_menu {
	background-color:#c7d275;
	width:259px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

div#container_left_menu ul, li { margin:0; padding:0; }

div#container_left_menu li {
	min-height:25px;
	/*height:25px;*/
	background-image:url(../_images/bg_nav.gif);
	background-position:0px 100%;
	background-repeat:no-repeat;
	list-style-image:url(../_images/ico_menu.gif);
	list-style:none;
	padding:6px 0 0 7px;
}
div#container_left_bottom { width:180px; padding:20px 0px 30px 20px; }

div#container_header {
	position:relative;
	width:691px;
	height:241px;
	background-image:url(../_images/img_header.jpg);
	background-repeat:no-repeat;
}

div#container_right_slogan {
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	left:20px;
	width:266px;
	height:89px;
	padding:0;
	margin:0;
}
div#container_right_nav {
	position:absolute;
	top:0;
	right:15px;
	width:378px;
	height:23px;
}
div#container_right_nav img { float:left; margin:0; padding:0; }

div#container_contenu {
	background-image:url(../_images/bg_right_rougegris_repeat.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:691px;
	position:relative; /* MODS */
}
div#container_contenu_nobg {
	background-image:url(../_images/bg_right_rougegris_repeat.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:691px;
}

.nobg { background:transparent !important; }

div#container_contenu_left { width:446px; float:left; }
div#container_contenu_right { 
	width:245px; 
	float:left; 
	background-image:url(../_images/bg_top_right.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}

div.right_bloc { margin:20px 0 0 35px; padding:0; }
div.right_bloc img { padding-bottom:10px; }

div.red_square { width:446px; height:84px; background-color:#8a2700; }
div.red_square_fiche { width:691px; height:84px; background-color:#8a2700; }
div.red_square_fiche img { float:right; margin-top:33px; }
div.red_square_fiche h1 { float:left; margin-top:10px; }

.right_list_ico ul, li { margin:0; padding:0; }
.right_list_ico li { list-style-image:url(../_images/ico_rightside.gif); }
.right_list_noico li { 
	list-style:none; 
	padding-bottom:15px;
	margin-left:-18px;
	font-size:10px;
}
.right_list_noico li b { font-size:11px; }
.right_bloc_spacer {
	background-image:url(../_images/img_right_spacer.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
	height:5px;
}

div#container_left_menu li { position:relative; }
div.ico_menu {
	position:absolute;
	right:15px;
	top:12px;
	width:4px;
	height:6px;	
}

div.spacer { width:95%; height:1px; background-color:#e5e5e5; line-height:1px; font-size:1px; margin:15px 0 15px 0; }
div#container_fiche_droit div.spacer_dots { width:95%; height:1px; background-color:#e5e5e5; line-height:1px; font-size:1px; margin:15px 0 15px 0; background-image:url(../_images/bg_spacer_dots.gif); background-repeat:repeat-x; clear:both; }
div#container_fiche_gauche div.spacer_dots { width:95%; height:1px; background-color:#e5e5e5; line-height:1px; font-size:1px; margin:5px 0 5px 0; background-image:url(../_images/bg_spacer_dots.gif); background-repeat:repeat-x; clear:both; }
div#container_contenu_left div.content { padding:20px 20px 30px 39px; }

div#container_fiche_gauche p { margin:5px 0 0 0; }
div#container_fiche_gauche { float:left; width:270px; margin:30px 0 20px 40px; font-size:10px; display:inline; }
div#container_fiche_gauche img { border:10px solid #e1e2e3; margin-bottom:10px; }
div#container_fiche_droit { float:left; width:330px; margin:30px 0 20px 40px; font-size:10px; display:inline; }

div#topofpage { width:63px; height:14px; position:absolute; bottom:0; right:10px; }
div.info { width:135px; float:right; padding-bottom:5px; }

/*	CSS Typo
	----------------------------------------	*/
	
div.red_square h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#fff;
	line-height:22px;
	padding:20px 0 0 39px;
	text-transform:uppercase;
}
div.red_square_fiche h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#fff;
	line-height:22px;
	padding:20px 0 0 39px;
	text-transform:uppercase;
}

div#container_contenu_left div.content { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; }

.right_list_ico { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
.right_list_ico a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#8a2700; }
.right_list_ico a:hover { color:#000; }

div#container_footer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#819094; }
div#container_footer a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#819094; text-decoration:none; }
div#container_footer a:hover { color:#fff; text-decoration:none; }

div#container_left_menu { font-family:Verdana, Arial, Helvetica, sans-serif; color:#5f7604; }
div#container_left_menu a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }
div#container_left_menu a:hover { color:#5f7604; text-decoration:none; }

div#container_fiche_droit h6 { font-size:11px; font-weight:bold; margin:0; padding:0; font-style:normal; }
div#container_fiche_droit h3 { font-size:13px; font-weight:bold; margin:0; padding:0; font-style:normal; color:#8a2700; padding-bottom:8px; }
div#container_fiche_gauche h6 { font-size:11px; font-weight:bold; margin:0; padding:0; font-style:normal; }
div#container_fiche_gauche h3 { font-size:13px; font-weight:bold; margin:0; padding:0; font-style:normal; color:#8a2700; }

div#container_fiche_droit li { color:#000; font-style:normal; list-style-image:url(../_images/ico_list_fiche.gif); }
div#container_fiche_droit ul { padding-left:10px; }
div#container_fiche_droit blockquote { padding:0; margin-left:10px; }

/*  CSS Menu
	----------------------------------------	*/
	
#menulist {
	position: relative;
	z-index: 100;
}
#menulist li ul {
	display:none; background: #C7D275;
	border-bottom: 1px solid #5F7604;
	border-left: 1px solid #5F7604;
	border-right: 1px solid #5F7604;
	width:259px;
	margin-right: 1px;
}
#menulist li ul li { background: #C7D275; border-top: 1px solid #5F7604; }

#menulist li:hover>ul{ display:block; }

#menulist,
#menulist ul {
  list-style:none;
  margin:0;
  padding:0;
  width:259px;
}
	 
#menulist ul {
  position:absolute;
  z-index: 101;
  top:-1px;
  left:259px;
}
#menulist ul ul {
  z-index: 102;
}
#menulist li{
  position:relative;
  margin:0px;
  padding:0px;
}

#menulist a {
  display:block;
  color:#000;
  text-decoration: none;
  width: 252px;
}

#menulist li:hover,
#menulist li a:hover {
  color: #5f7604;
}

#menulist li.smenu {
	background-image: url(../_images/bg_nav_parent.gif);
}
#menulist ul li.smenu {
	background-image: url(../_images/ico_menu.gif);
	background-position: 245px 50%;
	background-repeat: no-repeat;
}

.planification_date {
	position: absolute;
	top: 35px;
	left: 142px;
	color: #fff;
	text-decoration: none;
}