@charset "utf-8"; /* Collège Shawinigan - Techniques de laboratoire : Biotechnologies // 2014 // KM */


body {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#EDEDEE;
	margin:0;
	padding:0;
	text-align:center;
	color:#000000;
}


/* MISE EN FORME - LIENS GÉNÉRAUX */

a {	
	font-weight: bold;
	color:#0091d0;
}

a:hover {
	color:#fff;
	text-decoration:none;
	background: #0091d0;
}

/* ZONING  */

.site #contenant {
	width: 960px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	background:#FFF url('../images/bg-bas.jpg') no-repeat right bottom;
}
.site #logo {
	background:url(../images/logo.gif) no-repeat;
	background-color:#EDEDEE;
	border:none;
	width: 960px;
	height:113px;
}

.site #banniere {
	background-image:url(../images/banniere.jpg);
	height:222px;
	width:960px;
}

.site #menu {
	height:20px;
	padding:10px 0 10px 0;
	background: #005187;
	text-align:center;
}

/* DROP DOWN MENU */

ul#nav { background: #005187; margin:0; padding:0 100px;}
ul.drop a { display:block; color: #fff; font-family: "Trebuchet MS"; text-transform:uppercase; font-size: 14px; text-decoration: none;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; color: #fff;}
ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 10px;}
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #0091d0;}
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0;  z-index: 598; width: 195px; background: #005187; padding:0; margin:0; text-align:left;}
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }


.site #contenu {
	width:960px;
	height:100%;
}

.site #renseignements {
	margin:0 50px 30px 10px;
	padding: 1px 0 1px 8px;
	display: block;
	background-color:#dae6f2;
}

 /* ----------------- DEUX COLONNES MOITIÉ ----------------- */
.site #gauche { float:left; width:440px; padding:20px; }
.site #droite { float:right; width:440px; padding:20px; }
  
/* ----------------- DEUX COLONNES TIERS ----------------- */
.site #gaucheT { float:left; width:587px; padding:20px; }
.site #droiteT { float:right; width:293px; height:100%; padding:20px; }

/* ----------------- DEUX COLONNES TIERS DÉCOUVRE ----------------- */
.site #gaucheT2 { float:left; width:313px; padding:0 0 0 20px; }
.site #droiteT2 { float:right; width:587px; padding:0 20px 0 0; }

/* ----------------- QUATRE COLONNES ENSEIGNANTS ----------------- */
.col { float: left; width: 19%;padding:0 0 0 5px; }
.row { padding:0 0 0 10px; text-align:left; }

/* ----------------- COLONNES FINISSANTS ----------------- */
.colf { float: left; width: 48%; padding:5px; }
.rowf { padding:0 0 0 10px; text-align:left; }

/* ----------------- UNE COLONNE TABLEAU ----------------- */
.site #colonneT { float:left; width:920px; padding:20px 20px 0 20px; border:0; }


/* ----------------- DONNÉES INTÉRESSANTES ----------------- */
.site #donnees { margin:0px; padding:10px 5px 10px 5px; border:0; background-color:#dae6f2; }
.site #donnees h2 { font-size:18px; color:#0091d0; text-transform:uppercase; font-weight:bold; }
.site #donnees p { font-size:16px; color:#000; }
.site #donnees span { font-size:13px; font-style:italic; }


/* ----------------- FOOTER ----------------- */
.site #footer { clear:both; background: #005187; padding:1px 0 1px 0; height:50px; }

.site #footer p {
	color:#FFF;
	font: 11px;
	font-weight:bold;
	text-align:center;
}

.clr { clear:both; padding:0x; margin:0; }

/* ----------------- MISE EN FORME TEXTE ----------------- */
 
h1 {
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#005187;
	text-transform:uppercase;
	font-weight:bold;
}

h2 {
	font-size: 12px;
	color:#0091d0;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:0;
}

h3 {
	font-size: 16px;
	color:#005187;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:0 0 0 20px;
}

.italique {
	font-style:italic;
}


.gras {
	font-weight:bold;
}

.organisee {	
	font:10px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color:#000;
	margin:0;
	padding:0;
}

.liensimg {
	color:#fff;
	background:#fff;
	border:0;
}

.nouveau {
	background-color:#dae6f2;
	font-weight:bold;
}

.h2 {
	font-size: 12px;
	color:#005187;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:0;
}

.ipsum {
	color:#900;
}


/* ----------------- TABLEAUX ----------------- */
.table {
	margin:0px;padding:0px;
	width:98%;
	border:1px solid #0091d0;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.table table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.table tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.table table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.table table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.table tr:hover td{
	
}
.table tr:nth-child(odd){ background-color:#ccdded; }
.table tr:nth-child(even)    { background-color:#e8eff7; }.table td{vertical-align:middle;
	
	
	border:1px solid #0091d0;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:0;
	font-size:11px;
	font-family:Trebuchet MS;
	font-weight:normal;
	color:#000000;
}.table tr:last-child td{
	border-width:0px 1px 0px 0px;
}.table tr td:last-child{
	border-width:0px 0px 1px 0px;
}.table tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.table tr:first-child td{
		background:-o-linear-gradient(bottom, #0091d0 5%, #005187 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0091d0), color-stop(1, #005187) );
	background:-moz-linear-gradient( center top, #0091d0 5%, #005187 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0091d0", endColorstr="#005187");	background: -o-linear-gradient(top,#0091d0,005187);

	background-color:#0091d0;
	border:0px solid #0091d0;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Trebuchet MS;
	font-weight:bold;
	color:#ffffff;
	}
.table tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #0091d0 5%, #005187 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0091d0), color-stop(1, #005187) );
	background:-moz-linear-gradient( center top, #0091d0 5%, #005187 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0091d0", endColorstr="#005187");	background: -o-linear-gradient(top,#0091d0,005187);

	background-color:#0091d0;
}
.table tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.table tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.pt {
	vertical-align:middle;
}


/* ----------------- THUMBS LIGHTBOX ----------------- */

.imgblock{
	padding: 10px;
	border:2px solid #ccdded;
	background:#ecf1f7;
	margin:5px;
}