/*
Marc-Olivier Ouellet
Cegep de St-Laurent
2009-02-04
*/

body {
	margin: 0px;
	background: #f0fbe1 url(/images/bg_cegep.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 180%;	
}

p, ul, ol {
	margin-top: 0;

}

ul, ol {
}

a {
	text-decoration: none;
}

h1, h2, h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
	color: #004682;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
	line-height: 180%;
	padding-bottom: 5px;
	font-weight: bold;	
}

h3 {
	clear: both;
	font-size: 1.4em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}

.ui-accordion .ui-accordion-header a {
	display:block;
	font-size:0.9em;
	padding:0.5em 0.5em 0.5em 2.0em;
}

a.external {
	background:transparent url(/images/external.png) no-repeat scroll right center;
	padding:0 13px 0 0;
	text-decoration:underline;
}

.se_rendre h3 {
	font-size: 1.4em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0 5px 0;	
}


ul.list_prog {
	font-size: 1.2em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
	list-style:square;
	padding-left: 20px;
	color:#004682;
}

ul.list_prog li {
}

h3.prog {
	font-size: 1.4em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;	
}

.resume {
	padding-top: 10px;	
}

a.menu_accueil {
	height:20px;
	float:left;
	margin: -15px 5px 0px 25px;
}
span.menu_accueil {
	margin-top: 7px;
	margin-left: 7px;
}
h3.menu_accueil {
	height: 30px;
}

a:link{color:#000000;}
a:visited{color: #000000;}
a:hover{color:#000000;}
a:active{color:#000000;}

legend {
	color:#4282b5;
	font-weight: bold;
	font-size: 110%;
}
fieldset {
  	margin: 10px 0 0 0;
	padding: 10px 10px 10px 10px;
	border: #4282b5 thin solid;
}

/* Liste des pavillons */
#pavillon > h3 {
	height: 40px;
	margin: 10px 0px 0 0;
}

h3.pavillon {
	position:relative;
	width: 400px;
	padding: 10px 0px 0 50px;
	height: 40px;
}

.tableau_pav {
	clear: both;
	margin: 0px;
}

.tableau_row {
	border-top: #333333 solid 1px;
	padding-left: 5px;
}


#pavillon > ul {
	clear: both;
	margin-left: 0px;	
}

li.list_pav {
	border-top: #333333 solid 1px;
	margin-left: 40px;
	padding: 0.25em 0.25em 0.25em 10px;
	height:20px;
	clear:both;	
}

li.selected {
	background-color:#E9E9E9;
	font-weight: bold;
}

a.prog_left {
	float: left;
	width: 33%;
	padding: 0px;
	line-height: 15px;	
}

a.pav_left {
	float: left;
	width: 430px;
}
a.pav_right {
	float: right;
}

.clear_fix {
	clear:both;
}

#flash {
	border: #613517 solid 8px;	
}

ul.pavillon_A { list-style-image: url("/images/bullet_pavA.gif");  }
h3.pavillon_A { background: url("/images/lettre_pavA.gif") no-repeat; }
div.flash_A { border: #003C79 solid 8px; }

ul.pavillon_B { list-style-image: url("/images/bullet_pavB.gif"); }
h3.pavillon_B { background: url("/images/lettre_pavB.gif") no-repeat; }
div.flash_B { border: #D02433 solid 8px; }

ul.pavillon_C { list-style-image: url("/images/bullet_pavC.gif"); }
h3.pavillon_C { background: url("/images/lettre_pavC.gif") no-repeat; }
div.flash_C { border: #76B900 solid 8px; }

ul.pavillon_D { list-style-image: url("/images/bullet_pavD.gif"); }
h3.pavillon_D { background: url("/images/lettre_pavD.gif") no-repeat; }
div.flash_D { border: #FFB300 solid 8px; }

ul.pavillon_E { list-style-image: url("/images/bullet_pavE.gif"); }
h3.pavillon_E { background: url("/images/lettre_pavE.gif") no-repeat; }
div.flash_E { border: #006233 solid 8px; }

ul.pavillon_F { list-style-image: url("/images/bullet_pavF.gif"); }
h3.pavillon_F { background: url("/images/lettre_pavF.gif") no-repeat; }
div.flash_F { border: #FF6900 solid 8px; }

ul.pavillon_G { list-style-image: url("/images/bullet_pavG.gif"); }
h3.pavillon_G { background: url("/images/lettre_pavG.gif") no-repeat; }
div.flash_G { border: #613517 solid 8px; }

ul.pavillon_H { list-style-image: url("/images/bullet_pavH.gif"); }
h3.pavillon_H { background: url("/images/lettre_pavH.gif") no-repeat; }
div.flash_H { border: #8EBCAD solid 8px; }

ul.pavillon_EL { list-style-image: url("/images/bullet_pavEL.gif"); }
h3.pavillon_EL { background: url("/images/lettre_pavEL.gif") no-repeat; }
div.flash_EL { border: #6C1B72 solid 8px; }

ul.pavillon_R { list-style-image: url("/images/bullet_pavR.gif"); }
h3.pavillon_R { background: url("/images/lettre_pavR.gif") no-repeat; }
div.flash_R { border: #A9AAAB solid 8px; }

#tabs {
	padding: 0px 0px 5px 0px;
	font-size: 100%;
	text-decoration: none;
}

.border_td {
	border:#333333 thin solid;
}

.obligatoire {
	color:#FF0000;
	font-weight: bold;
}

.flash_notice
{
  margin: 3px 0;
  padding: 7px 7px 7px 34px;
  background: #cfc url(/sf/sf_admin/images/tick.png) no-repeat 10px 10px;
}

.flash_error
{
  margin: 3px 0;
  padding: 7px 7px 7px 34px;
  background: #f33 url(/sf/sf_admin/images/error.png) no-repeat 10px 10px;
  color: #fff;
}

.flash_warning
{
  margin: 3px 0;
  padding: 7px 7px 7px 34px;
  background: #FFFF66 url(/sf/sf_admin/images/error.png) no-repeat 10px 10px;
}

.table_repertoire {
	width: 100%;
}

.table_repertoire th a:link{color:#FFFFFF;}
.table_repertoire th a:visited{color: #FFFFFF;}
.table_repertoire th a:hover{color:#efaa52;}
.table_repertoire th a:active{color:#84a6bd;}

.table_repertoire td a:link{color:#4282b5;}
.table_repertoire td a:hover{color:#efaa52;}

.table_repertoire th {
	padding: 2px 5px 2px 5px;
	background:#4282b5;
	color:#FFFFFF;
}

.table_repertoire td {
	padding: 5px;
}


.pagination_desc
{
  margin-left: 15px;
  margin-top: 10px;
  font-style: italic;
}

.pagination
{
  margin-top: 10px;
  float: right;
}

.pagination img
{
  border: none;
}

.pagination a
{
  margin-right: 4px;
}

.pagination img
{
  vertical-align: middle;
}

.img_align_right {
	float: right;
	margin: 10px 0px 10px 10px;
}

.img_align_left {
	float: left;
	margin: 0 20px 20px 0;
}

/* Erreur */
.error_list {
	margin: 0;
	padding: 5px;
	line-height: normal;
	color:#FF0000;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: square;
}

/* Message */
.msg_list {
	margin: 0;
	padding: 5px;
	line-height: normal;
	color:#009900;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: square;
}

.radio_list {
	margin: 0;
	padding: 5px 40px 0 0;
	list-style: none;
	line-height: normal;
}

.radio_list li {
	float: left;
}

/* Erreur */
.error_list {
	margin: 0;
	padding: 5px;
	line-height: normal;
	color:#FF0000;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: square;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	background: #FFFFFF url(/images/bg.gif) repeat-y;
}

/* Header */

#header {
	width: 900px;
	height: 160px;
	margin: 0 auto;
	background: #8cb20f url(/images/bg_header.gif) repeat-x;
	padding: 0;
	border-bottom: #FFFFFF solid 4px;
	border-left: #FFFFFF solid 4px;
	border-right: #FFFFFF solid 4px;		
}

#header p {
	clear: both;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #004682;
	text-transform: uppercase;
	padding-top: 10px;
}

#header_top {
	width: 900px;
	height: 135px;
	margin: 0 auto;
	padding: 0;
	border-top: #FFFFFF solid 4px;
}

/* Logos */

.logo_header_cegep {
	float: left;
	margin: 10px 0px 0 10px;
	border: none;	
}

.logo_header_fondation {
	float: right;
	margin: 10px 10px 0 0;
	border: none;	
}


/* Fil d'ariane */

#filariane .first {
	margin-right: 3px;
	background: #FF7900;
}

#bread {
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: #34689a dotted 1px;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	border: none;
	list-style: none;
	display: inline;
	}

#bread ul li:before {
	color: #000;
}
	
#bread ul li.first:before {
	content: " ";
}

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}

/* Content */

#content {
	float: right;
	width: 610px;
	padding: 5px 20px 0 0;
}


/* Sidebar */

#sidebar {
	float: left;
	width: 207px;
	padding: 15px;
}

#sidebar ul {
	margin: 0 -20px -15px -15px;
	padding: 0;
	list-style: none;
}

.cat_menu  {
	padding-left:10px;
	padding-right:10px;
}

#sidebar li {
	margin: 0;
	padding: 5px 0 5px 0px;
	font-family:verdana;
	font-size:0.90em;
	color: #000000;
	background:transparent url(/images/list_bg.gif) no-repeat scroll -5px 10px;		
}

#sidebar li a {
	color: #000000;
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #a8d80a;
}

#lowsidebar {
	clear: both;
	position: relative;
	bottom: 0px;
	width: 236px;
	height: 10px;
}

#lowsidebar h3 {
	color: #004584;
}

#lowsidebar a {
	text-decoration: none;
	color: #efaa52;
}

#lowsidebar a:hover {
	text-decoration: underline;
	color: #efaa52;
}

/* Footer */

#footer {
	width: 900px;
	margin: 0 auto;
}