/* --------------------------------------------------------
    Global stylesheet
    Website: Cégep de Trois-Rivières - cegeptr.qc.ca
    Filename: css/global.css
	Auteur: David LeBlanc
   -------------------------------------------------------- */

/* --------------------------------------------------------
    Importation des feuilles externes
   -------------------------------------------------------- */
   /*@import url ici*/
   @import url("menu.css");
   @import url("accueil.css");

/* --------------------------------------------------------
    Syle général
   -------------------------------------------------------- */

/*  Style global de la page / initialisation
   ------------------------------ */
	*{ padding: 0; margin: 0; }
	body{ font-family: "trebuchet ms"; font-size: 12px; background: #FFF url(../images/bg_top.jpg) repeat-x; color: black; }
	img{ border: none; }
	

/*  Style du conteneur principal
   ------------------------------ */
	#wrapper{ width: 960px; margin: 0 auto; background: url(../images/coupe_top.jpg) no-repeat; }
	
/*  Clear permettant de reinitialisé les float
   ------------------------------ */
	.clear{ clear:both; }
	
/* --------------------------------------------------------
    Style du div top
   -------------------------------------------------------- */
   
/*  Style du div top
   ------------------------------ */
	#top{ position: relative; width: 960px; height:107px; }
	
/*  Style du menu top
   ------------------------------ */
	#top ul{ position: absolute; top: 11px; left: 0; color: #FFF; list-style: none; }
	#top ul li{ float: left; }
	#top ul li a{ margin: 0 8px; color: #FFF; text-decoration: none; }
	#top ul li a:hover{ text-decoration: underline; }
	
/*  Style du logo top
   ------------------------------ */
	#top #logo_top{ position: absolute; top: 63px; left: 12px; }
	
/*  Style du search top
   ------------------------------ */
	#top #search{ position: absolute; top: 28px; right: 0;}
	#top #search input#txtsearch{ float: left; margin-top: 18px; background: url(../images/search.jpg) no-repeat bottom; width: 204px; height: 24px; border: none; padding: 5px 0 0 5px; }
	#top #search input#btnsearch{ background: url(../images/search_btn.jpg) no-repeat; width: 102px; height: 47px; border: none; cursor: pointer; }
	#top #advancedsearch{ position: absolute; bottom: 11px; right: 0; }
	#top #advancedsearch a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; margin: 0 2px 0 0; }
	#top #advancedsearch img{ margin: 0 0 -2px 0; }

/* --------------------------------------------------------
    Style du div header
   -------------------------------------------------------- */
	#header{ background: url(../images/cifm_banner.jpg) no-repeat center; width: 960px; height: 161px; margin-top:10px;  display:block; }

/* --------------------------------------------------------
    Style du div menu
   -------------------------------------------------------- */
	#menuprincipal{ background: url(../images/bg_menu.jpg) repeat-x center; width: 940px; height: 41px; margin: 1px auto 0 auto; }
	#menuprincipal ul{ list-style: none; }
	#menuprincipal ul li{ float: left; }
	#menuprincipal ul li a{ display: block; margin: 7px 0 0 0; color: #343434; text-decoration: none; border-right: 1px solid #8d8d8d; line-height: 31px; padding: 0 33px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
	#menuprincipal ul li a#last{ border: none; padding: 0 34px; }
	#menuprincipal ul li a#current{ background: url(../images/menu_current_arrow.gif) #00365b no-repeat top center; color: #FFF; }
	#menuprincipal  a.current {background: url(../images/menu_current_arrow.gif) #00365b no-repeat top center; color: #FFF;!important}
	
/* --------------------------------------------------------
    Style du div contenu
   -------------------------------------------------------- */
	#contenu{ background: url(../images/sub_menu_bg.jpg) repeat-y 10px 50px ; width: 940px; padding: 0 10px; }
	#stats{ margin: 25px 0 0 0; }
	#bg_stats{ background: url(../images/bg_stats.jpg); width: 219px; height: 36px; margin: 5px auto; padding: 10px 20px; color: #FFFFFF; }
	#contenu h1 img{ margin-bottom: -10px; }
	
/*  Style du breadcrumb
   ------------------------------ */
	ul#breadcrumb{ width: 940px; height: 35px; color: #000; display: block; margin: 0 0 0 10px; }
	ul#breadcrumb{ list-style: none; }
	ul#breadcrumb li{ float: left; margin-top: 7px; }
	ul#breadcrumb li a{ color: #ce8e08; }
	
/*  Style de la colonne droite(s'il y a un menu de gauche)
   ------------------------------ */
   	#content_right{ width: 602px; margin: 0 0 0 30px; float: right; }
	#content_right p{ line-height: 19px; }
	.contentbox{ width: 602px; background-color: #eee; margin: 20px 0 0 0; padding: 0 0 20px 0; }
   	.contentbox h4{ width: 586px; height: 23px; background-color: #00365b; color: #FFFFFF; padding: 8px 0 0 16px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
	.contentbox ul{ margin: 20px 0 0 40px;  color: #000000; }
	.contentbox ul li{ line-height: 23px; }
	#info{ width: 602px; margin: 15px 0 0 0; }
	.infobox{ width: 218px; background-color: #fff0cc; margin: 0 0 20px 0; padding: 0 0 20px 0; float: right; }
   	.infobox h4{ width: 202px; height: 23px; background-color: #466111; color: #FFFFFF; padding: 8px 0 0 16px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
	.infobox h4 img{ margin: 0 0 -3px 8px; }
	.infobox ul{ margin: 20px 0 0 40px;  color: #000000; }
	.infobox ul li a{ color: #003f6a; line-height: 19px; }
	.infobox ul li a:hover{ text-decoration: none; }
	#btn_inscription{ float: right; height: 35px; }
	#cinqfacons{ background: url(../images/5facons.jpg); width: 602px; height: 215px; margin: 52px 0 55px 0; }
	#cinqfacons ul{ padding: 71px 0 0 62px; }
	#cinqfacons ul li{ list-style: url(../images/orange_arrow.gif); }
	#cinqfacons ul li a{ color: #FFF; line-height: 19px; }
	#cinqfacons ul li a:hover{ text-decoration: none; }
	img#video{ float: left; }

/* --------------------------------------------------------
    Style du div footer
   -------------------------------------------------------- */
	#footer{ background: url(../images/bg_footer.jpg) repeat-x #1d5176; position: relative; }
	#footercontent{ display: block; width:960px; margin:0px auto; font-size: 10px; color: #FFF; }
	#footercontent #col1{ float: left; width: 190px; margin: 16px 0 0 0; padding-left: 30px; }
	#footercontent #col2{ float: left; width: 410px; repeat-x; margin: 16px 0 0 0; background-color:#004877; padding-left: 30px; height:424px; }
	#col2 h3 {width:366px;}
	#footercontent #col3{ width: 190px; float: left; margin: 16px 0 0 0; padding-left: 30px; }
	#footercontent .colcontent{ float: left; }
	#footercontent .bgtitleleft, #footercontent .bgtitleright{ float: left; margin: 25px 0 0 0; }
	#footercontent .coltxt{ margin: 17px 0 0 0; }
	#footercontent h3{ background: url(../images/footer_title_bg.gif); height: 27px; font-family: Tahoma; font-size: 18px; font-weight: 100; float: left; padding: 0; margin: 25px 0 0 0; }
	#footercontent ul{ list-style: none; }
	#footercontent #col2 ul{ float: left; width: 200px; }
	#footercontent ul a{ color: #FFF; text-decoration: none; }
	#footercontent ul a:hover{ text-decoration: underline; }
	#footercontent ul li ul li{ margin-left: 14px; }
	#footercontent p#logocegep { position: absolute; bottom: 0px; margin-left: 40px; text-align: center; }
	#footercontent span { font-weight: bold; font-size: 11px; }
	#footercontent p#copyrights { margin-top: 40px; width: 200px; text-align: right; }
	#footercontent p#copyrights a { color: #FFFFFF; }