/*
   mainsite.css
*/

/*
	very dark green #223522
		 dark green #336633
		 green      #BADDC3
	     dark blue  #183B75
	     blue       #457ABC
	     lightblue  #98BBE7
	     purple     #660033
		 text       #000060
		 yellow     #FF0;

*/

/* declaration order for links... */
/* order link, visited, hover, active */

/****************************************************************/
/* generic configuration  */


body div.content
{
	cursor:default;
}

*
{
	padding: 0;
	margin: 0;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

img, table, div, span, p, ul, ol
{
	padding: 0;
}

img, tabl
{
	border: 0;
}

body
{
	background: url(/download/diapos/composite.jpg) -50px -25px repeat; 
	background-color: #759F79;
	color: #000060;
	text-align: center;
}

p
{
	text-align: left;
}


ul, ol
{
	list-style: none;
}

table.center
{
	margin-left: auto;
	margin-right: auto;
}

div.spacerthin
{
	display: block;
	clear: both;
	font-size: 1px;
}

div.spacerthick
{
	display: block;
	clear: both;
	font-size: 10px;
}

#mainsite
{
	width: 990px;
	margin: 5px auto;
}

span.red1
{
	color: #660033;
}

span.green1
{
	color: #336633;
}

span.yellow1
{
	color: #FF0;
}

span.minicopyright
{
	font-size: 70%;
}

img.logoROC
{
	float:left;
	margin-right: 10px;
}

/****************************************************************/
/* written cie name */

/* logo span */
span.cie
{
	font-size: 120%;
	color: #336633;
	font-weight: bold;
	font-style: italic;
}

span.cieFirst
{
	font-family: Georgia, 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 130%;
	color: #336633;
	font-weight: bold;
	font-style: italic;
}

span.cienormal
{
	color: #336633;
	font-weight: bold;
	font-style: italic;
}

/****************************************************************/
/* root page & news button */

.rootLogo
{
	display: block;
	margin: 0 auto 0 auto;
}

a.buttonLang, a.buttonLangBig, a.buttonNews, a.buttonARReport, a.buttonProtocol
{
	display: block;
	clear: both;
	margin: 0 16px;
	
	color: #fff;
	text-decoration: none;
	text-align: center;
}

a.buttonLang
{
	width: 144px;
	height: 46px;
	background: url(/download/images/buttonLanguage.gif) 0 0 no-repeat;
}

a.buttonLangBig
{
	width: 144px;
	height: 46px;
	background: url(/download/images/buttonLanguage.gif) 0 0 no-repeat;
}

a.buttonNews, a.buttonARReport, a.buttonProtocol
{
	width: 160px;
	height: 46px;
	background: url(/download/images/buttonLatestNews.gif) 0 0 no-repeat;
	color: #f00;

	margin: 6px 0 0 0;
}


a.buttonARReport
{
	color: #fff;
	margin-top: 7px;
}

a.buttonProtocol
{
	color: #FF0;
	margin-top: 7px;
}

a.buttonLang:hover
{
	background: url(/download/images/buttonLanguage.gif) 0 -138px no-repeat;
}

a.buttonLangBig:hover
{
	background: url(/download/images/buttonLanguage.gif) 0 -138px no-repeat;
}

a.buttonNews:hover
{
	color: #fff;
}

a.buttonARReport:hover, a.buttonProtocol:hover
{
	color: #000;
}

span.buttonLang
{
	position: relative;
	top: 13px;
	font-size: 90%;
	vertical-align: top;
}

span.buttonLangBig
{
	position: relative;
	top: 11px;
	left: 1px;
	font-size: 120%;
	vertical-align: top;
}

span.buttonNews, span.buttonARReport, span.buttonProtocol
{
	position: relative;
	top: 14px;
	font-size: 90%;
	vertical-align: top;
}

/****************************************************************/
/* page header */

div.header
{
	height: 150px;
	background: url(/download/images/header.gif) 0 0 no-repeat;
	text-align: left;	
}

div.header h1, p.top
{
	padding-right: 18px;
	padding-bottom: 5px;
	font-size: 140%;
	font-weight:bold;
	text-align: left;
	color: #000;
}

div.headerLabel
{
	padding-left: 300px;
}

div.header table.headerlabel
{
	margin-top: 10px;
	margin-left: 240px;
}

div.header ul
{
	list-style: none;
	text-align: right;
	position: relative;
	right: -14px;
	top: -5px;
}

div.header ul li
{
	display: inline;
	padding: 0 23px 0 6px;
}

div.header ul li a
{
	color: #000;
	text-decoration: none;
	font-size: 80%;
	font-weight: bold;
}

div.header ul li a:hover
{
	color: #FFF;
}

/****************************************************************/
/* page footer */

div.footer
{
	width: 94%;
	clear: both;
	margin: 10px auto;
	text-align: center;
}

div.footer h6
{
	padding: 12px 0;
	font-size: 75%;
}

div.footer ul
{
	list-style: none;
	line-height: 100%;
}

div.footer ul li
{
	display: inline;
	padding: 0 10px;
}

div.footer ul li a
{
	color: #000;
	text-decoration: none;
	font-size: 80%;
	font-weight: bold;
}

div.footer ul li a:hover
{
	color: #FFF;
}

div.footer ul li a.menuSitemap
{
	text-decoration: underline;
	color: #FF0;
}

div.footer ul li a.menuLanguage
{
	color: #FFF;
}

div.footer ul li a.menuSitemap:hover
{
	color: #FFF;
}

/****************************************************************/
/* under construction */

span.construction
{
	display: block;
	color: #000099;
	margin: 50px 0 0 0;
	font-size: 150%;
}

a.construction
{
	color: #660033;
	font-size: 100%;
}

a.construction:hover
{
	color: #000;
}

/****************************************************************/
/* body content */


div.content
{
	width: 745px;
	float: right;
	font-weight: bold;
	margin-top: 8px;
}

div.contentBody
{
	padding: 20px 28px 12px 23px;
	background: url(/download/images/boxNarrow.gif) top left no-repeat;
	text-align:left;
}

div.contentFooter
{
	background: url(/download/images/boxNarrow.gif) 0px -4786px no-repeat; 
}

div.contentBody p, h1
{
	padding: 4px 3px 4px 5px;
}

div.content a
{
	color: #336633;
}

div.content a:hover
{
	color: #fff;
}

div.content a.whitebackground:hover
{
	color: #000;
}

div.content a.normalText
{
	color: #000060;
	text-decoration:none;
}

div.content a.normalText:hover
{
	color: #fff;
}


div.content span.email a:hover
{
	color: #336633;
}

div.content a.smaller
{
	font-size: 90%;
}

div.contentBody ul
{
	list-style: disc;
	margin-left: 38px;
	text-align: left;
}

body.nomenu div.content
{
	width: 990px;
}

body.nomenu div.contentBody
{
	background: url(/download/images/boxLarge.gif) top left no-repeat;
}

body.nomenu div.contentFooter
{
	background: url(/download/images/boxLarge.gif) 0px -3986px no-repeat;
}

img.pdfSmall
{
	position: relative;
	top: 4px;
}

div.content span.pdfAskForIt
{
	font-size: 90%;
	color: #336633;
	font-style: italic;
}

div.content span.pagelist
{
	font-size: 90%;
	color: #336633;
}



/****************************************************************/
/* sidebar */

div.sidebar
{
	margin: 8px 0 0 0px;
	width: 230px;
	display: block;
}

div.sidebar li
{
	display: block;
	clear: none;
	width: 230px;

	background-image: url(/download/images/buttonMainsiteMenu.gif);
	background-repeat: no-repeat;
}

div.sidebar li.menuLevel1
{
	height: 34px;
	background-position: 0 0;
}

div.sidebar li.menuLevel2
{
	height: 34px;
	background-position: 0 -552px;
}

div.sidebar li.menuLevel2Big
{
	height: 58px;
	background-position: 0 -204px;
}

div.sidebar li a
{
	display: block;
	width: 230px;
	
	color: #fff;
	text-decoration: none;
	text-align: left;
	
	background-image: url(/download/images/buttonMainsiteMenu.gif);
	background-repeat: no-repeat;
}

div.sidebar li a.menuLevel1
{
	height: 34px;
	background-position: 0 0;
}

div.sidebar li a.menuLevel1:hover
{
	height: 34px;
	background-position: 0px -34px;
}

div.sidebar li a.menuLevel1Selected
{
	height: 34px;
	background-position: 0px -102px;
}

div.sidebar li a.menuLevel2
{
	height: 34px;
	background-position: 0px -552px;
}

div.sidebar li a.menuLevel2:hover
{
	height: 34px;
	background-position: 0px -586px;
}

div.sidebar li a.menuLevel2Selected
{
	height: 34px;
	background-position: 0px -654px;
}

div.sidebar li a.menuLevel2Big
{
	height: 58px;
	background-position: 0px -204px;
}

div.sidebar li a.menuLevel2Big:hover
{
	height: 58px;
	background-position: 0px -262px;
}

div.sidebar li a.menuLevel2BigSelected
{
	height: 58px;
	background-position: 0px -378px;
}

div.sidebar li span.menuLevel1
{
	position: relative;
	top: 6px;
	left: 15px;
}

div.sidebar li span.menuLevel2OneLine
{
	vertical-align: top;
	position: relative;
	top: 6px;
	left: 46px;
}

div.sidebar li span.menuLevel2BigOneLine
{
	vertical-align: top;
	position: relative;
	top: 18px;
	left: 46px;
}

div.sidebar li span.menuLevel2BigTwoLine
{
	vertical-align: top;
	position: relative;
	top: 7px;
	left: 46px;
	padding-right: 50px;
}

div.sidebar a.comments
{
	color: #000000;
	text-decoration:none;
	font-weight: bold;
}

div.sidebar a.comments:hover
{
	color: #fff;
}

div.sidebar .dessinMenu
{
	margin-top: 22px;
}

div.sidebar a.news
{
	font-size: 110%;
	font-weight: bold;
	color: #660033;
	text-decoration:none;
}

div.sidebar a.news:hover
{
	color: #FFF;
}

div.sidebar img.news
{
	padding-top:10px;
}

/****************************************************************/
/* table diapos */

table.diapos
{
	margin: 14px auto;
	width: 820px;
	text-align: center;
}

table.diapos td
{
	vertical-align: top;
	margin: 0 10px;
}

table.diapos a
{
	text-decoration: none;
	color: #000060; 
	font-weight: bold;
}

table.diapos a:hover
{
	color: #fff; 
	font-weight: bolder;
}

table.diapos span
{
	margin: 2px auto 0 auto;
	display: block;
	width: 180px;
	vertical-align: top;
}

/****************************************************************/
/* table mainProjecs */

table.mainProjects
{
	width: 570px;
	margin: 12px auto;
	text-align: center;
}

table.mainProjects td
{
	vertical-align: middle;
	padding: 4px 10px 0 10px;
	width:50%;
}

table.mainProjects a
{
	text-decoration: none;
	color: #000060; 
	font-weight: bold;
}

table.mainProjects a:hover
{
	color: #fff; 
	font-weight: bold;
}

table.mainProjects span
{
	display: block;
	vertical-align: top;
}

/****************************************************************/
/* table idtag */

table.idtag
{
	text-align: center;
}

table.idtag td
{
	padding: 10px 30px;
	vertical-align: top;
}

/****************************************************************/
/* table diaposLabel */


table.diaposLabel
{
	margin: 0 auto;
}

table.diaposLabel td
{
	padding: 6px 8px 2px 8px;
	vertical-align: middle;
	text-align: center;
}


/****************************************************************/
/* about */

div.content table.about
{
	margin: 3px 6px;
	text-align: left;
}

div.content table.about td
{
	margin: 0 0;
	padding-right: 8px;
	padding-bottom: 14px;
	vertical-align: middle;
}

div.content table.about a
{
	text-decoration: none;
}

div.content table.about a:hover
{
	text-decoration: underline;
}

/****************************************************************/
/* catalog */

div.content table.catalogicons td
{
	padding: 14px 8px 0px 8px;
	vertical-align: middle;
	text-align: left;
}

div.content table.catalogiconscenter
{
	margin: 0 auto;
}

div.content table.catalogiconscenter td
{
	padding-right: 8px;
	padding-top: 14px;
	vertical-align: middle;
}


div.content table.catalog
{
	width: 940px;
	margin: 0 5px;
	text-align: left;
}

div.content table.catalog td
{
	padding-right: 8px;
	padding-top: 12px;
	vertical-align: middle;
}

div.content table.fiche
{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

div.content table.fiche td
{
	width: 50%;
	text-align: center;
	padding: 15px 0;
}

table.catalogDesc td
{	
	margin-top: 8px;
	padding: 5px 10px;
	vertical-align: top;
}

/****************************************************************/
/* sitemap       */

div.content table.sitemap
{
	width: 910px;
}

div.content table.sitemap ul
{
	list-style: none;
	margin-left: 10px;
	margin-top: 0.5em;
}

div.content table.sitemap ul li a
{
	color: #000060;
	text-decoration: none;
	font-weight: bold;
	margin-left: 5px;
}

div.content table.sitemap ul li a.menuLvl2
{
	margin-left: 20px;
	padding: 0 5px;
}

div.content table.sitemap ul li a.menuLvl3
{
	margin-left: 40px;
	padding: 0 5px;
}

div.content table.sitemap ul li a.menuLvl4
{
	margin-left: 60px;
	padding: 0 5px;
}

div.content table.sitemap ul li a:hover
{
	background-color: #457ABC;
}

/****************************************************************/
/* poster       */

div.content table.poster1
{
	width: 740px;
	margin-left: 140px;
}

div.content table.poster1 td
{
	text-align: left;
}

div.content table.poster1 td.right
{
	padding-left: 80px;
	
}

div.content table.poster2
{
	margin: 0 auto;
}

div.content table.poster2 td
{
	text-align: center;
	vertical-align: middle;
}

div.content table.poster2 td.right
{
	padding-left: 80px;
	vertical-align: top;
	padding-top: 3px;
}

/****************************************************************/
/* emergency in sea turtle project       */

div.content table.emergency
{
	margin: 20px auto;
	padding: 5px;
	border: 5px solid #660033;
}

div.content table.emergency td
{
	padding: 0 13px;
}

div.content table.emergency td.row1
{
	font-size: 125%;
	text-align: center;
	color: #660033;
}

div.content table.emergency td.rowLast
{
	padding-left: 80px;
}


/****************************************************************/
/* rotating items       */

#rot1_rotationItems, #rot2_rotationItems
{
	position:relative;
	top:1px;
	
	float: right;
	width: 183px;
	height: 122px;
}

.rot1_rotationDiapo, .rot2_rotationDiapo
{
	display: none;
}

#rot1_rotationDiapo1, #rot1_rotationDiapo2, #rot2_rotationDiapo1, #rot2_rotationDiapo2
{
	position: absolute;
	
	background-repeat: no-repeat;
	width: 183px;
	height: 122px;
}


/* ****************************** */
img.carteQuebecContact
{
	margin-bottom: 40px;
}


/* ****************************** */
div.stlaurentvivant p
{
	padding-top: 8px;
}

div.stlaurentvivant ul, div.stlaurentvivant ol
{
	padding-bottom: 4px;
}

div.stlaurentvivant ul li, div.stlaurentvivant ol li
{
	padding-top: 4px;
}

div.stlaurentvivant ol
{
	list-style: decimal;
	margin-left: 50px;
	margin-right: 35px;
}

div.stlaurentvivant_refs p, div.stlaurentvivant_refs b, div.stlaurentvivant_refs i
{
	font-size:14px;
}