/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */

#Nav {  width:136px; text-align:left; padding:0px; margin:0px; z-index:10 !important; }
#Nav a { font:normal .95em verdana; display:block; width:146px; background: #fff; color:#625750; /*padding:4px 7px 4px 7px;*/ text-decoration:none; }

#Nav .Lvl1 a { width:136px;padding:5px 7px 4px 10px; border-bottom:1px dashed #625750; font-size:.95em;}
#Nav .Lvl1 a:hover { background-color:#ABA59E; color: #515B3E; }
#Nav .Lvl1 .On { font-weight:normal;  }
#Nav .Lvl1 a.On:hover{ background-color:#ABA59E; color: #485b23; }

#Nav .Lvl2 a { width:136px;background:#7C766F; padding:5px 7px 4px 10px; color:#fff; border:0px; font-size:.95em; font-weight:normal;  }
#Nav .Lvl2 a:hover {  text-decoration:none; color:#625750; background:#7C766F;}
#Nav .Lvl2 .On { color: #fff; font-weight:bold; background:#7C766F;}
#Nav .Lvl2 .Active {  font-weight:bold;}

#Nav .Lvl3 a { width:131px; background:#ebe4dc; padding:5px 7px 4px 10px; color:#695e52; border:0px; border-left:5px solid #ebe4dc; font-size:0.9em; font-weight:normal;  }
#Nav .Lvl3 a:hover { font-weight:normal; color: #695e52; text-decoration:none;  background: url('/_gui/menu_arrow.gif') #78797D no-repeat 138px 8px;}
#Nav .Lvl3 .On { font-weight:normal; color: #695e52; background:#ebe4dc;}

.invis { display:none; }

/* green hover states alternatvie */
#Nav .Lvl1 a:hover { background-color:#c2d49f; color: #485b23; text-decoration:none;}
#Nav .Lvl1 a.On:hover{ background-color:#c2d49f; color: #485b23; text-decoration:none;}
#Nav .Lvl2 a:hover {   background-color:#c2d49f; color: #485b23; text-decoration:none;}
#Nav .Lvl3 a:hover {  background-color:#c2d49f; color: #485b23; text-decoration:none; }

/* Newsletter index */
div.newsletter { width:592px; overflow:auto }
div.newsletter-title { width:592px; float:left; }
div.newsletter-img { width: 165px;  float:left; margin-top:-3px;}
div.newsletter-bullets { width: 427px; float:left; margin-top:16px; }

/* Top Menu */
li.fiptext, li.fiptexta, li.fiptextb, li.fiptextc { height: 23px; background:url(/_gui/top-menu-bg.jpg) repeat-x #000; color:#FFF;}
li.fiptext a, li.fiptexta a, li.fiptextb a, li.fiptextc a { background:none; padding-top:1px; display:block; padding-left:2px; color:#FFF;}
li.fiptext div, li.fiptexta div, li.fiptextb div, li.fiptextc div { height:23px; }
li.fiptextb { width:16.6% }

div.fp { border-top:1px solid #FFF; }

/*li.fiptexta { width: 16.5%; padding-left:3px;}
li.fiptext { width: 16.3%; padding-left:3px;}*/
p.listing { padding:7px; background:#F2F2F2; color:#666; margin-bottom:6px;}
/*p.listing strong { color:#555;}*/

/* breadcrumb  */
#Breadcrumb { padding: 7px 0px 7px 3px; vertical-align: middle; font-size: 0.85em; clear: both; margin: 0; min-height: 1.23em; color:#666; }
#Breadcrumb a { color: #766755; text-decoration:none; background:#FFF;}
#Breadcrumb a:hover { color:#5B7F0F; text-decoration:underline; background:#FFF;}


body {background: url("/_gui/gradient_bg2.gif") #C0C0C0 center center repeat-y;  }
div.banner { color: #fff; background: url('/_gui/header.jpg') #625751 no-repeat top center; }
div.page div.core div.navaid a:hover,div.page div.core div.navaid a:active,div.page div.core div.navaid a:focus { color: #000; background-color: #C0C0C0; border-color: #000; }
.cont { margin:0px; padding:0px; background:#000;width:0px; float:none; color:#FFF }

div.CenterCol { float:left; width:409px;   }
div.RightCol { float:right;width:171px; margin-left:0px; padding-left:13px; }
/*div.CenterCol { float:left; width:594px; }
div.RightCol { float:right;width:195px; margin-left:0px; }*/

/*Forms*/


.nceForm {

}

.nceForm fieldset {
	border: 2px solid #a39a95;
	border-radius: 15px;
	margin-bottom: 15px;
}

.nceForm fieldset legend {
	border-radius: 5px;
	margin-left: 10px;
	background: #a39a95;
	color: #fff;
	/*text-shadow: 1px 1px 1px #000;*/
	padding: 5px 15px;
}

.nceForm fieldset p {
	
}

.nceForm input[type=text], .nceForm input[type=email], .nceForm input[type=tel], .nceForm input[type=password], .nceForm input[type=date], .nceForm input[type=url], .nceForm input[type=number], .nceForm select, .nceForm textarea {
	width: 50%;
	padding: 10px 10px;
	border-radius: 10px;
	border: 1px solid #ddd;
	margin-top: 5px;
	font-size: 14px;
	color: #555;
}

.nceForm textarea {
	width: 75%;
}

.nceForm input[type=radio], .nceForm input[type=checkbox] {
	margin: 5px 0;
	margin-right: 5px;
}

.nceForm input[type=submit], .nceForm input[type=reset] {
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	padding: 0.5em 0.9em;
	background: transparent;
	border-radius: 5px;
	width: 20%;
	transition: 
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out;
}

.nceForm input[type=submit], .nceForm input[type=reset] {
	color: #6f6661;
	border: 1px solid #6f6661;
}

.nceForm input[type=submit]:hover, .nceForm input[type=submit]:active, .nceForm input[type=submit]:focus, .nceForm input[type=reset]:hover, .nceForm input[type=reset]:active, .nceForm input[type=reset]:focus {
	color: #fff;
	background: #6f6661;
}


input.SearchField {
	border:none; 
	width: 340px; 
	float:left; 
/*	BACKGROUND-COLOR: #ffff99; */
	height: 17px;
	padding:0;
	margin:0;
	padding: 6px 6px 6px 0px;
	border-top: 1px solid #CCCCCC; 
/*	border-left: 1px solid #CCCCCC;*/
	border-bottom: 1px solid #999999;
}
input.SearchFieldImpacts { width: 240px;  }
div.center div.SearchBorder { 
	margin-left:0px;
	padding:0;
	margin:0;
	border:none; 
	border-bottom: 1px solid #E6E6E6; 
	border-right: 1px solid #E6E6E6; 
	display:inline-block; 
	float:left;

}
div#fixme { 
	overflow:auto; 
	margin-left: 150px;
	padding: 0px 0px 5px 16px;
}
input.SearchBut { 
	border:none; 
	float:left;  
	height: 31px;
	padding:0;
	margin:0;
	cursor:pointer;
	padding: 6px 11px 6px 11px;
	width: auto;
	overflow: visible;
	border-top: 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background: url('/_img/form_bg.gif') #F2F2F2 0px bottom repeat-x;
	color:#000;
	

}
input.SearchField:focus {outline: 0; -webkit-appearance:none;}


div.SearchSpace, div.SearchSpaceLeft {
	padding:0;
	margin:0;
	height: 29px;
	border-top: 1px solid #CCCCCC; 
	border-bottom: 1px solid #999999;
	background:#FFFFFF;
	width: 10px;
	float:left;
	color:#000;
}
div.SearchSpaceLeft {
	border-left: 1px solid #CCCCCC;
	width: 7px;
}

.leftpad15 {  padding-left:15px; }

img.top3 { margin-top:3px; }

div.center a.simple_button, div.center a.simple_button:link,div.center a.simple_button:active, div.center a.simple_button:visited { border:1px solid #928b84; padding:6px 12px; background:url(/_gui/button_background.jpg) repeat-x; color:#62554f; margin-right:4px; text-decoration:none; border-radius:4px;}
div.center a.simple_button:hover { background:#f3f0ed; text-decoration:none; border:1px solid #777; color:#555;}

div.center a.simple_button_ON:link, div.center a.simple_button_ON:active, div.center a.simple_button_ON:visited  { background:#7c766f; border:1px solid #7c766f; color:#FFF;}

div.center a.simple_button_disable:link, div.center a.simple_button_disable:active, div.center a.simple_button_disable:visited { border:1px solid #ccc; color:#999; background:#f3f0ed; }


/* footer */
div.footer { width: 100%; clear: both; font-size: 10.0pt; margin-top: 5px; height: 10em; min-height: 40px; background-color: #FFF; text-align:center; color:#FFF;}
div.footer .footerlin { border-bottom:1px dashed #928A83; margin-bottom:5px;}
div.footerlinks { width:100%;height:22px;background: url('/_gui/footer-bg.jpg') #7c766f no-repeat top center; color:#FFF;}
div.footer .date, div.footer .notice {	font-size:.85em; float: left;width: 50%;min-width: 6.6em;margin: 0;padding: 4px 0 0 0;}
div.footer .date {text-align: left; color:#fff; background-color: none;}
div.footer .notice {font-size:.85em; text-align: right;  }
div.footer .notice A{ color:#fff; text-decoration:none; background-color: inherit; }
div.footer .notice A:hover{ text-decoration:underline;}
div.footer .Top { width:100%; text-align:center; /*border-bottom:2px solid #B7B3AA;*/ padding:10px 0 10px 0; float:left;}
div.footer .Top A{ color:#625750; background-color: inherit; text-decoration:none;}
div.footer .Top A:hover{ color:#5B7F0F; background-color: inherit; text-decoration:underline;}
div.footer .desc {  float:left; margin:15px 0 0 20px; text-align:center; color:#6C625C; background-color: inherit; }

/* pagetools */
#pagetools { float:left; margin-bottom:0px; padding:5px 0px 5px 0px; width:100%; }
#pagetools div a { float:left; color: #766755; text-decoration:none;  font-size:0.90em; margin-right:7px; padding:4px 4px 4px 18px; background:#FFF; }
#pagetools div a:hover { color:#5B7F0F; text-decoration:underline; }
#pagetools .bookmark  a {  background: url('/_gui/bookmark.gif') 0px 5px no-repeat;  color: #766755;}
#pagetools .print a {  background: url('/_gui/print.gif') 0px 5px no-repeat; color: #766755;}
#pagetools .larger a {  background: url('/_gui/larger.gif') 0px 5px no-repeat; color: #766755;}
#pagetools .smaller a {  background: url('/_gui/smaller.gif') 0px 5px no-repeat; color: #766755;}
#pagetools .back a {  background: url('/_gui/back.gif') 0px 8px no-repeat; padding-left:13px;color: #766755;}

IMG {border:none; }
HR { border-top:0px; border-right:0px; border-left:0px;border-bottom:1px dashed #625750; height:1px; margin:15px 0 15px 0;}
hr.green { border-bottom:3px solid #78a22f; height:3px; margin:8px 0 15px 0; }
hr.light { border-bottom:1px dashed #AAA; }


/* content styles */
div.center a:link, div.center a:visited,div.center2 a:link, div.center2 a:visited, p.breadcrumb a:link, p.breadcrumb a:visited { color: #5B7F0F; background-color: inherit; text-decoration:none;}
div.center a:visited, div.center2 a:visited { color: #5B7F0F; background-color: inherit; }
div.center a:hover,div.center2 a:hover, p.breadcrumb a:hover  { color: #625750; background-color: inherit; text-decoration:underline;}
div.center a:active,div.center2 a:active, p.breadcrumb a:active  { color: #625750; background-color: inherit; text-decoration:underline;}

div.center h1,div.center2 h1 { color: #464749; background-color: inherit; font-size:1.3em; margin:0;padding:15px 0 10px 0; text-transform:uppercase; font-weight:bold;}  
div.center h1,div.center2 h1 sup { top: -0.5em;  } 
div.center h2,div.center2 h2 { color: #464749; background-color: inherit; font-size:1.2em;  margin:0;padding:0 0 10px 0; font-weight:bold; }  
div.center h3,div.center2 h3 { color: #7c766f; background-color: inherit;  font-size:1.1em;  margin:0;padding:0 0 10px 0; font-weight:bold; }  
div.center h4,div.center2 h4, div.center h2.style-h4 { color: #000000; background-color: inherit; font-size:1.1em;  margin:0;padding:0 0 10px 0; font-weight:bold; }  
div.center h5,div.center2 h5 { color: #464749; background-color: inherit;  font-size:1.0em;  margin:0;padding:0; font-weight:bold; }  
div.center h2.homepage-events { color:#7C766F; background-color: inherit; }

table.events {color:#7C766F; background-color: inherit; padding-left:6px; }
table.events span { font-size:11px; }

table.NewsData strong { font-size:11px; }

div.center a.homeTitleLink:link, div.center a.homeTitleLink:visited, div.center2 a.homeTitleLink:link, div.center2 a.homeTitleLink:visited, p.breadcrumb a.homeTitleLink:link, p.breadcrumb a.homeTitleLink:visited { color:#FFF; }
div.center a.homeTitleLinkDark:link, div.center a.homeTitleLinkDark:visited, div.center2 a.homeTitleLinkDark:link, div.center2 a.homeTitleLinkDark:visited, p.breadcrumb a.homeTitleLinkDark:link, p.breadcrumb a.homeTitleLinkDark:visited { color:#7C766F; }

 
div.center a.rsslink { display:block; float:right; background:url("/_gui/rss.jpg") no-repeat; width:48px; height:18px; }
div.center a.rsslink:hover {background:url("/_gui/rss-over.jpg") no-repeat; text-decoration:none;}
div.center a.rsslink2 { display:block; float:right; background:url("/_gui/rss-white-bg.jpg") no-repeat; width:48px; height:18px; }
div.center a.rsslink2:hover {background:url("/_gui/rss-over.jpg") no-repeat; text-decoration:none;}




.h4nr { color: #000000;  font-size:1.1em;  margin:0;padding:0; font-weight:bold; }  

ul.square {	margin-left: 15px; padding: 0; margin-top:0; list-style-image: url("/_gui/bullet_square.gif"); }
ul.arrow {	margin-left: 20px; padding: 0; margin-top:0; list-style-image: url("/_gui/bullet_arrow.gif"); }
ul.arrow li { margin-bottom:10px; }
	ul.arrow li span.rss-icon { background:url(/_gui/rss-over.gif) left 1px no-repeat; padding-left:20px;  }
	ul.arrow li span.rss-icon:hover { background:url(/_gui/rss.gif) left 1px no-repeat;  }
.colorCCC { color:#CCCCCC; background-color: inherit; }
ul.square li { margin-bottom:10px; }
ul.checkbox {	margin-left: 25px; padding: 0; list-style-image: url("/_img/un-checkbox-e.gif"); }
ul.checkbox li { margin-bottom:10px; margin-left: 8px; }
ul.checkbox ul, ul.arrow ul, ul.arrow ul, ol ul.square, ol ol, ul.square ul, ul ol.abc, ul ol, ol ol.abc { padding-top:10px; }
ol li { margin-bottom:10px; }
div.DataTable table tr.underline-row td { border-bottom:3px solid #ccc; }


p { margin:0 0 15px 0; }
.break10 { margin-bottom:10px; }
ol.abc { margin-left: 40px; padding: 0; margin-top:0; list-style-image: none; list-style:lower-alpha; }
ol.abc li { margin-bottom:10px; }
ol.search { line-height: 13px; padding-bottom: 10px;  margin-top:0;}


div.list1 { float: left; width:15%; margin: 0 3px 0 0; padding: 0;	}
div.list2 {	float: left; width: 82%;margin: 0 3px 0 0;padding-bottom:10px;}
.borderDashGrey {background-color: #EEE; color: inherit; border:dashed 1px #000; padding:3px 3px 3px 3px;}

div.divRow  {margin: 0; padding: 0; width: 98.5%;}
div.cols2 {	float: left; width: 49%; margin: 0 3px 0 0;	padding: 0;	}
div.cols3  {float: left; width: 32.5%; margin: 0 3px 0 0;padding: 0;	}
div.cols4  {float: left; width: 24%; margin: 0 3px 0 0;	padding: 0; }
div.rowThree {float:left;margin-right:20px;width:auto;margin-bottom:20px;}
div.rowTwo {float:left;margin-right:20px;width:auto;margin-bottom:20px;}

.BrownBG { background-color: #7C766F; color:#fff; }
.GreyBG { background-color: #75767A; color:#fff; }
TABLE,TD,TH {  /*border:1px solid #ccc; */ }

a.hideshow {
	display:none;
	cursor:pointer;
}

DIV.DataTable { border:1px solid #ccc; padding:1px; margin-bottom:15px;   }
DIV.DataTable CAPTION { text-align:left; font-weight:bold; }
DIV.DataTable TABLE {  border:none;}
DIV.DataTable TD,TH { text-align:left; padding:5px; border:0px; border:1px solid #ccc;}
DIV.DataTable TH.Caption { background:#7C766F; color:#fff;}
DIV.DataTable .Header { background: #7C766F; color:#fff; border-bottom:1px solid #fff; padding:5px; font-size:1.0em; font-weight:bold; text-align:left;}
DIV.DataTable .SubHeader { background: #5B7F0F; color:#fff; padding:5px 5px 5px 5px; font-weight:bold;}
DIV.DataTable TH { background: #75767A; color:#fff; padding:5px 5px 5px 5px; font-weight:bold;}
DIV.DataTable .SubFooter { background: #eee; color:#000; padding:5px 5px 5px 5px; font-weight:normal; font-size:.85em;}
DIV.DataTable .Sub { text-align:left; padding:5px 5px 5px 15px; }

DIV.DataTable TBODY TR.over TH { background-color: #ddd; color: inherit;}
DIV.DataTable TBODY TR.over TD { background:none; background-color: #EDECEC; color:#000; }  
DIV.DataTable TBODY TR.over TD A { color:#cc0000; background-color: inherit;}
DIV.DataTable TBODY TR.over TD A:hover { background:#cc0000; color:#fff;}

div.Note { border:1px solid #ccc; padding:10px 10px 0px 10px; background:#eee; color: inherit; margin:0px 0px 15px 0px; width:95%; }
.Note H1 { clear:all; color:#000; background-color: inherit; font-weight:bold;margin:0px;padding:0px; font-size:1.1em; } 
.Note P { /*clear:all;*/ color:#000; background-color: inherit; margin:0px 0px 10px 0px; padding:0px; } 
.Note P.Caution { padding-left:45px; background:url(/_gui/caution.png) 3px 1px no-repeat; line-height:17px; padding-top:-1px; padding-bottom:5px; }


.RSS { background: url("/_gui/rss.gif")  0px 0px no-repeat; color: inherit; padding-left:18px; min-height:15px; margin-bottom:15px; } 


.Highlight {color: #5B7F0F;margin-bottom:20px;padding:10px 15px;line-height:150%;font-size:1.2em;font-weight:bold; background:#f2f2f2;}

div.Picture { float:left;padding:3px 15px 0px 0px;font-size:.85em; line-height:130%; color:#666; background-color: inherit; margin:0px;}
div.Picture a{ background:none; color:#666; margin-bottom:5px;}
div.Picture a:Hover{ background:none; color:#666;}
div.Picture .Enlarge{ background: url('/_gui/enlarge.jpg') #fff 0px 2px no-repeat;padding:2px 0px 0px 18px;color:#666; margin:0px;}
div.Picture .Caption{ padding:2px 0px 0px 0px;color:#666; background-color: inherit; margin:0px;}
div.PictureRight { float:right;padding:3px 10px 0px 20px; }

div.Thumb { float:left;padding:0px 5px 5px 0px;font-size:.85em; line-height:130%; color:#666; margin:0px;}
div.Thumb img { border: 1px solid #333333; }
.NetworkLogo { float:left;padding:0px 15px 15px 0px; }
.NetworkImage { float:left;padding:0px 12px 5px 0px; }
.eNewsletterThumb { float:left; padding:0px 8px 5px 0px; }
.gray666 { color:#666; color:#7C766F; background-color: inherit; }

/* social networks */
div.social-icons { margin-top:20px; padding-bottom:8px; }
a.social-fb { width:32px; height:32px; background:url(/_gui/social_fb.jpg) no-repeat; display:block; float:left; margin-left:3px;}
a.social-fb:hover { background:url(/_gui/social_fb_over.jpg) no-repeat; }
a.social-t { width:32px; height:32px; background:url(/_gui/social_t.jpg) no-repeat; display:block; float:left; }
a.social-t:hover { background:url(/_gui/social_t_over.jpg) no-repeat; }
a.social-li { width:32px; height:32px; background:url(/_gui/social_li.jpg) no-repeat; display:block; float:left; margin-left:3px;}
a.social-li:hover { background:url(/_gui/social_li_over.jpg) no-repeat; }

/* publications */
.pub {    width: 100%; margin:15px 0px}
.next, .previous, .toc { padding: 3px; overflow: hidden; border:1px solid #ab8f73; text-align:center; }
.next a, .previous a, .toc a { text-decoration:none;}
.next, .previous, .toc  { color: #999; background-color: inherit;}
.next a:hover, .previous a:hover, .toc a:hover { text-decoration:underline}
.next { float: right; width: 31%; margin-left: 3px; }
.previous { float: left; width: 31%; margin-right: 3px;}
.toc {height: 1%; /* IE6 hack... it's very minor, though */}
 

sub, sup {
    font-size:.85em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.3em;
}
sub {
    bottom: -0.25em;
}


.BackTop { text-align:right; height:50px; }
.borderSolid { padding:2px 2px 2px 2px;	border:1px solid #000000; }
.borderDashed {	padding:2px 2px 2px 2px; border:1px dashed #000000; }

p.Caption { font-size: .85em; color:#666; background-color: inherit;}


/* GENERAL CSS ENDS | FIN DU CSS GENERAL */
/* Tabs */
.container {width: 100%; margin: 0; padding:0;}
ul.tabs {margin: 0;padding: 0;float: left;list-style: none;width: 100%;}
ul.tabs li {float: left;margin: 0;padding: 0;line-height: 22px;border-left: none;margin-bottom: -1px;overflow: hidden;position: relative;font-weight: bold;}
ul.tabs li a {text-decoration: none; background-color: inherit; color: #5B7F0F;display: block;padding: 0 5px 0 5px;outline: none;}
html ul.tabs li.active  {background: #d7e1c3; color: inherit; border: 1px solid #5B7F0F;}
.tab_container {float: left; width: 100%;background: #fff; color: inherit;}
.tab_content {padding: 0px;}

#NCEMap { display: block;width: 155px;height: 175px;background: url("/_img/map_thumb_eng.jpg") no-repeat 0 0;}
#NCEMap:hover { background: url("/_img/map_thumb_over_eng.jpg") no-repeat 0 0;}
#NCEMap span { display: none;}

#NCEMapFR { display: block;width: 155px;height: 175px;background: url("/_img/map_thumb_fra.jpg") no-repeat 0 0;}
#NCEMapFR:hover { background: url("/_img/map_thumb_over_fra.jpg") no-repeat 0 0;}
#NCEMapFR span { display: none;}

div.ad-divider { font-size:0em; background: url("/_img/ads/ad-divider.jpg") no-repeat 0 0; height:17px}
div.ad-bottom { font-size:0em; background: url("/_img/ads/ad-bottom.jpg") no-repeat 0 0; height:40px }
.space15 { height:15px; }
div.center a.searchpage:link { padding: 3px 6px 3px 6px; border: 1px solid #FFFFFF; }
div.center a.searchpage:visited { padding: 3px 6px 3px 6px;border: 1px solid #FFFFFF;}
div.center a.searchpage:hover { padding: 3px 6px 3px 6px;background-color: #f1f6ea; border: 1px solid #78a22f; text-decoration:none; color:#5B7F0F;}
div.center a.searchpage:active { padding: 3px 6px 3px 6px;background-color: #f1f6ea; color: inherit; border: 1px solid #78a22f; }

.padding-15 { padding-left:15px; }
table.highlight { cursor:pointer;  color: #5B7F0F; background-color: inherit; text-decoration:none;}
table.highlight img { border: 1px solid #CCCCCC ; filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7; margin: 7px 10px 7px 7px;}
table.highlight:HOVER { cursor:pointer; color: #625750; text-decoration:underline; }
table.highlight:HOVER img { border: 1px solid #666666; filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;}


div.eval-shell { width: 590px; background:url(/_img/arrow-background.jpg) no-repeat; margin-bottom:20px;}
div.eval-cell-1, div.eval-cell-2, div.eval-cell-4 { width: 92px; zborder:1px dashed red; float:left; margin-left:23px; height:50px; text-align:center; font-size: 0.8em; margin-top:14px; font-weight:bold;}
div.eval-cell-2 { margin-top: 20px; }
div.eval-cell-4 { margin-top: 10px; font-size:0.7em;}
div.eval-cell-3 { width: 550px; border:2px solid #7C766F; margin-top: 31px; padding: 20px 20px 0 20px;}


/* Form Autocomplete*/
.ac_results {
	padding: 0px;
	border: 1px solid #CCC;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	margin: 0 0 -3px -8px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 7px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
/*	font: menu;*/
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	border-bottom: 1px dashed #CCC;
}

.ac_loading { background: white url('/_gui/indicator.gif') right center no-repeat; color: inherit; }
.ac_odd { background-color: #FFF; color: inherit; }

.ac_over {	background-color: #eee; color: #000;}

/* Photo Gallery */
div.photo-gallery-shell { float:left; overflow:auto;  width:594px; }
div.photo-gallery-shell div.column { width:138px; margin-left: 13px; float:left;}
div.photo-gallery-shell div.first { margin-left:0; }
div.photo-gallery-shell div.column a { width:138px; }
div.photo-gallery-shell div.column span.top { height:8px; background:url(/AnnualMeeting-ReunionAnnuelle/2012/gallery/gui-box-top.jpg) left top no-repeat;  display:block; width:138px;}
div.photo-gallery-shell div.column span.photo { background:url(/AnnualMeeting-ReunionAnnuelle/2012/gallery/gui-box-bottom.jpg) left bottom no-repeat;  display:block; padding:0 8px 12px 8px;}
div.photo-gallery-shell div.column span.photo img { border:1px solid #b3afa9; margin-bottom:6px; }
div.photo-gallery-shell div.column span.photo span.caption { display:block; }
div.photo-gallery-shell div.column a { color:#333; text-decoration:none; font-size:11px; float:left; margin-bottom:12px; }

/* Rollover */
div.photo-gallery-shell div.column a:hover span.top { background:url(/AnnualMeeting-ReunionAnnuelle/2012/gallery/gui-box-top-over.jpg) left top no-repeat; }

div.photo-gallery-shell div.column a:hover span.photo { background:url(/AnnualMeeting-ReunionAnnuelle/2012/gallery/gui-box-bottom-over.jpg) left bottom no-repeat }
div.photo-gallery-shell div.column a:hover span.photo img { border:1px solid #999; }

.clear { clear:both; }

p.quote, p.quote2 {
	padding-left:80px;
	background:url(/_gui/annualreport/2012/quotes.jpg) 7px 10px no-repeat #fff;
	padding-top:4px;
	padding-bottom:12px;
	color:#333;
	font-style:italic;
}
p.quote2 { background:url(/_img/quotes.jpg) 7px 10px no-repeat #EEE; }

.ar-year { margin-top:8px; font-size:14px; color:#333;}
.ar-title {margin-bottom:5px; font-size:18px; font-weight:bold; color:#464749;}
.ar-img { float:left; width:170px; }
.ar-highlights { float:left; width:420px; padding-top:8px; }
.ar-shell { width:100%;  overflow:auto  }

div.ar-prev-shell { width:594px; overflow:auto; margin-top:5px; float:left; margin-bottom:12px;}
	div.ar-prev-photo { float:left; width:83px; background:url(/_img/reports/ar-bg.jpg) left top no-repeat; padding:5px;}
	div.ar-prev-photo img { border:1px solid #a0a0a0; }
	div.ar-prev-content { float:left; margin-left:15px; width:486px; margin-top:2px;}
	div.ar-prev-content h3 span { font-size:11px; font-weight:normal }
	
/* Innovation Impacts */
div.story-shell { width:592px; margin-bottom:25px; float:left; background:url(/_img/impact-story-bg2.jpg) left top repeat-x; padding-top:20px; }
	div.story-img { padding-left:12px; width:160px; float:left;}
	div.story-content { padding-left:15px; width:405px;  float:left;}
	div.story-title { font-size:18px; font-weight:bold; color:#464749; line-height:20px;}
	div.story-date { font-size:11px; color:#333; margin-top:2px;}
	div.story-description { padding-top:7px; color:#333; }
a.story-year, a.story-year-ON { padding:4px 12px; background:#726761 !important; border:1px solid #403935; color:#FFF !important; border-radius:4px; /*font-weight:bold; font-size:14px*/}
a.story-year-ON { backgrzound:#719500 !important; background:#5C8010 !important; border:1px solid #485e00;  }
p.story-menu { margin:10px 0; }

.annual-year { font-size:14px; color:#333; margin-top:6px; margin-bottom:1px; }
h2.font-17 { font-size:17px !important; }
h2.font-18 { font-size:18px !important; }

.building-1 { padding-left:80px; background:url(/_img/impacts/anum-1.jpg) 5px 6px no-repeat; }
.building-2 { padding-left:80px; background:url(/_img/impacts/anum-2.jpg) 5px 6px no-repeat; }
.building-3 { padding-left:80px; background:url(/_img/impacts/anum-3.jpg) 5px 6px no-repeat; }

/* Videos */
div.video-shell { width:592px; margin-bottom:25px; float:left; background:url(/_img/impact-story-bg2.jpg) left top repeat-x; padding-top:20px; }
	div.video-img { padding-left:12px; width:260px; float:left;}
	div.video-content { padding-left:15px; width:305px;  float:left;}
	div.video-title { font-size:18px; font-weight:bold; color:#464749; line-height:20px; padding-top:15px;}
	div.video-date { font-size:11px; color:#333; margin-top:4px;}
		div.video-date a { text-decoration:none; color:#333 !important; }
		
	div.video-link { padding-top:12px; color:#333; }
	
	
/* Networks + Centres info */
div.bio-right { float:right; width: 196px; margin-left:20px;}
div.bio-info-right { padding:13px; width:170px; background:#F2F2F2; color:#464749; font-size:12px; line-height:18px; margin-bottom:20px;/*margin-right:-10px;*/}
div.bio-logo-right { padding-bottom:30px; padding-top:15px;text-align:center;}
div.bio-money { color:#464749; font-size:1.3em; width:400px; float:left;}
div.bio-download { float:left;  text-align:right; width:194px; font-size:13px; }
div.bio-header-shell { margin-top:-7px;  float:left; margin-bottom:10px;}
div.bio-content-shell { float:left; border-top:3px solid #78a22f; width:594px; margin-top:2px;}
div.bio-submenu { height:31px; background:#f2f2f2;  margin-bottom:20px; line-height:31px; padding-left:13px; color:#CCC; font-size:12px; }
div.bio-submenu a { color:#666 !important; }
.bioh2 { font-size:17px !important; }

.bio-more { background:url(/_gui/bioshade.jpg) left 30px repeat-x;   float:left; width:100%; margin-top:20px; }
.bio-more .bio-more-title { font-size:15px; color:#333; font-weight:bold; height:34px; }
.bio-more .bio-news { padding:14px 15px;  background:url(/_gui/bioline.jpg) left top no-repeat; clear:left; overflow:auto;  }
.bio-more .bio-nobordertop { background:none; }
.bio-more .bio-news .bio-news-date { font-size:11px; color:#333; margin-bottom:4px;}
.bio-more .bio-news .bio-news-link { font-size:13px; }
.bio-more .bio-news-imagebox { width:160px; margin-right:14px; float:left; }
.bio-more .bio-news-textbox { float:left; width:390px; }
.bio-more .bio-news-textbox .title { font-size:18px; font-weight:bold; color:#464749; line-height:20px; }
.bio-more .bio-news-textbox .date { font-size:11px; color:#333; margin-top:4px; }
.bio-more .bio-news-textbox .text { font-size:12px; margin-top:12px; color:#333; line-height:16px; }

/* Carousel */
	.carousel-shell { width:409px; height: 302px;  overflow:visible;}
		.carousel-window { height:289px; width:409px; overflow:hidden; position:relative;  }
			.carousel-box { height:289px; position:relative; left:0px}
		div.carousel-menu { height:10px; margin-top:3px; background:#d7d6d4; float:left; width:409px }
		
	ul.carousel-menu { list-style-type: none; margin:0; padding:0; }
	ul.carousel-menu li { float:left; border-right:3px solid #FFF; }
	ul.carousel-menu li a  { height:10px; width:14px; background:#7c766f !important; display:block; text-decoration:none; }
	ul.carousel-menu li a:hover, ul.carousel-menu li a:link, ul.carousel-menu li a:visited  { text-decoration:none; }
	ul.carousel-menu li a.caption-menu-on { background:#719501 !important; }
	
	.footer-triagency { height:135px; margin:0 auto; color:#685d57; padding-top:25px; background:url(/_gui/footer-bg2.jpg) left top repeat-x; font-size:14px; font-weight:bold;}
	.footer-triagency a { text-decoration:none; color:#685d57; }
	.footer-triagency a:hover { text-decoration:underline;  }
	.footer-triagency img { margin-top:10px; }

/* Inline Colorbox */
.inline-colorbox  {padding:20px; background:#fff; width:600px; color:#333; line-height:20px; font-size:14px; }
.inline-colorbox img { padding-right: 15px; padding-bottom:10px; }
.inline-colorbox a { color: #5B7F0F; text-decoration:none; }
#cboxNext, #cboxPrevious, #cboxCurrent { display: none !important; }


.center .archived {
	/*border: 1px solid #5B7F0F;
	background-color: #ccc;*/
	border: 1px solid #CC0000;
	background-color: #ffffcc;
	margin: 0 10px 15px 0;
}

.center .archived * {
	padding: 10px;
}

.center .archived h2 {
	color: #fff;
	/*background: #5B7F0F;*/
	background-color: #CC0000;
	font-size: 150%;
}


.center .archived p {
	
}