/* CLF 2.0 TEMPLATE VERSION 1.05 | VERSION 1.05 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/* TOC - MAIN PAGE ONLY BEGINS */
#layoutTOC h1 a#cont { text-align: center; }
#layoutTOC h2 {
	font-size: 110%;
	margin-left: 95px;
}
#layoutTOC h2.regular, h3.regular {
	font-size: 110%;
	margin-left: 0;
}

#layoutTOC p { margin-left: 95px; }
#layoutTOC ul { margin-left: 80px; 	list-style-type: none;}
#layoutTOC ul ul { margin-left: 20px; 	list-style-type: disc;}
#layoutTOC img {
	float: left;
	padding-top: 5px;
}
#layoutTOC p.intro {
	margin-left: 0;
}
/* TOC - MAIN PAGE ONLY ENDS */


/*LEFT NAV BEGINS*/

#headerselect1 {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

div.center div.navSpace div.shaded {
	padding-right: 10px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px
}
div.roundCorner {
	DISPLAY: block; font-size: 1px; overflow: hidden
}
div.roundCornerWhite1 {
	background: #485B28; margin: 0px 5px; height: 1px
}
div.roundCornerWhite2 {
	border-right: #485B28 2px solid; background: #fff; margin: 0px 3px; border-left: #485B28 2px solid; height: 1px
}
div.roundCornerWhite3 {
	border-right: #485B28 1px solid; background: #fff; margin: 0px 2px; border-left: #485B28 1px solid; height: 1px
}
div.roundCornerWhite4 {
	border-right: #485B28 1px solid; background: #fff; margin: 0px 1px; border-left: #485B28 1px solid; height: 2px
}
div.roundCornerDark1 {
	background: #485B28; margin: 0px 5px; height: 1px
}
div.roundCornerDark2 {
	border-right: #485B28 2px solid; background: #485B28; margin: 0px 3px; border-left: #485B28 2px solid; height: 1px
}
div.roundCornerDark3 {
	border-right: #485B28 1px solid; background: #485B28; margin: 0px 2px; border-left: #485B28 1px solid; height: 1px
}
div.roundCornerDark4 {
	border-right: #485B28 1px solid; background: #485B28; margin: 0px 1px; border-left: #485B28 1px solid; height: 2px
}
div.roundCornerLight1 {
	background: #485B28; margin: 0px 5px; height: 1px
}
div.roundCornerLight2 {
	border-right: #485B28 2px solid; background: #f4f2ec; margin: 0px 3px; border-left: #485B28 2px solid; height: 1px
}
div.roundCornerLight3 {
	border-right: #485B28 1px solid; background: #f4f2ec; margin: 0px 2px; border-left: #485B28 1px solid; height: 1px
}
div.roundCornerLight4 {
	border-right: #485B28 1px solid; background: #f4f2ec; margin: 0px 1px; border-left: #485B28 1px solid; height: 2px
}
div.roundCornerProdis1 {
	background: #bfbcb5; margin: 0px 5px; height: 1px
}
div.roundCornerProdis2 {
	border-right: #bfbcb5 2px solid; background: #bfbcb5; margin: 0px 3px; border-left: #bfbcb5 2px solid; height: 1px
}
div.roundCornerProdis3 {
	border-right: #bfbcb5 1px solid; background: #bfbcb5; margin: 0px 2px; border-left: #bfbcb5 1px solid; height: 1px
}
div.roundCornerProdis4 {
	border-right: #bfbcb5 1px solid; background: #bfbcb5; margin: 0px 1px; border-left: #bfbcb5 1px solid; height: 2px
}

/*---used for only sidebars with 2 highlighted subject - for example: recalls page ---*/

#headerFood {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

#headerPlant {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}


#headerAnimal {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

#headerselect2 {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

#headerselect3 {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

ul.roundedCorner ul.nav2 {
	list-style-type: none;
	margin-left:0;
}

ul.roundedCorner ul.nav2 {
	list-style-type: none;
	margin-left:0;
}

ul.roundedCorner ul.nav2 li {
	margin-top: 0.5em;
}

ul.roundedCorner ul.nav2 ul.nav2{
	font-size: 75%;
	margin-left: 15px;
	padding: 0px;
}


ul.roundedCorner ul.nav2 ul.nav2 li{
	margin-top: 0.5em;
	list-style-image: url("/images/dash.gif"); 

}

ul.nav ul.nav2 {
	list-style-type: none;
	margin-left:0;
}

ul.nav ul.nav2 {
	list-style-type: none;
	margin-left:0;
}

ul.nav ul.nav2 li {
	margin-top: 0.5em;
}

ul.nav ul.nav2 ul.nav2{
	font-size: 75%;
	margin-left: 15px;
	padding: 0px;
}


ul.nav ul.nav2 ul.nav2 li{
	margin-top: 0.5em;
	list-style-image: url("/images/dash.gif"); 

}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */


/* -- instead of tables -- */
div.row 
{
   margin: 0; padding: 0; width: 98.5%; /*overflow: hidden; */
}

div.cols 
{
  float: left; margin: 0 3px 0 0; padding: 3px;
}

div.cols-right 
{
  float: right; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}

div.cols2 
{
  float: left; width: 49%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}

div.cols2padded
{
  float: left; width: 40%; margin: 0 3px 0 0; padding: 0px 25px 10px 20px;

}

div.cols-right2 
{
  float: right; width: 49%; margin: 0 3px 0 0; padding: 0; text-align: right;
}

div.cols2-15 
{
  float: left; width: 14%; margin: 0 2px 0 0; padding: 0px 0px 7px 0px; 
}

div.cols2-85 
{
  float: left; width: 84%; margin: 0 2px 0 0; padding: 0px 0px 7px 0px; 
}

div.cols2-20 
{
  float: left; width: 19%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-80 
{
  float: left; width: 79%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}



div.cols2-30 
{
  float: left; width: 29%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}

div.cols2-70 
{
  float: left; width: 69%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-5 
{
  float: left; width: 4%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-95 
{
  float: left; width: 94%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-10 
{
  float: left; width: 9%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-90
{
  float: left; width: 89%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-40 
{
  float: left; width: 39%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-60
{
  float: left; width: 59%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}


div.cols3 
{
  float: left; width: 32%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}

div.cols4
{
  float: left; width: 24%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}


/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/* old classes */
H2.subhead 
{
   	margin-top:0px;
   	margin-bottom:0px;
   	font-size: 10.5pt;
   	color: #FFFFFF;
}


H2.date 
{
   	text-align: right;
   	font-size: 10.5pt;
   	color: #FFFFFF;
   	margin-top:0px;
   	margin-bottom:0px;
}

.H1-equiv
{
    	color: #0000CC;
    	font-size: 11.5pt;
}

.H2-equiv
{
    	color: #0000CC;
    	font-size: 10.5pt;
}

.H3-equiv
{
    	color: #0000CC;
    	font-size: 10.0pt;
}

.H4-equiv
{
    	color: #0000CC;
    	font-size: 10.0pt;
}
A.nounderline {
	text-decoration: none;
}

a.nounderline:hover {
	text-decoration: underline;
}
.lig
{   
   	letter-spacing: -0.15em;
}
.small
{   
   	font-size: 7.5pt;
}

.antiwrapcter {
   	white-space: nowrap;
   	text-align: center;		
}
.noWrapRight {
	white-space: nowrap;
	text-align: right;
}
.noWrapCenter {
	white-space: nowrap;
	text-align: center;
}

.columncontentsingle
{
    	BORDER-RIGHT: #758e71 1px solid;
    	BORDER-TOP: #758e71 1px solid;
    	BORDER-LEFT: #758e71 1px solid;
    	BORDER-BOTTOM: #758e71 1px solid;
	MARGIN-BOTTOM: 5px;
	margin-right: 5px;
	margin-left: 5px;
    	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	width: 605px;
	vertical-align: top;
}

.doubleLineBullet {
	margin-top: 1.0em;
}

.halfLineBullet {
	margin-top: 0.4em;
}

div.blankLine {
	float: left;
	border-bottom: 1px solid #000;
	width: 8em;
 
}
input.blankline {
	border-width: 0px 0px 1px 0px; 
	border-style: solid; 
	border-color: #000000;
}

.footnote {
	text-align: left;
	width: 33%;
	margin: 0 auto 0 0;
}

ul.checklist {
	list-style-image: url("/images/chkbx.gif"); 

}
/* old classes end */

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* CELL BACKGROUND COLORS */

.greyBox
{ margin-left: 10px;
  margin-right: 10px;
 padding:5px 5px 5px 5px;
 background-color: #CCCCCC;
 }
 
 .clearBox
{ margin-left: 10px;
  margin-right: 10px;
 padding:5px 5px 5px 5px;
 border: 1px solid #000;
 }

 .clearBoxCenter
{ margin-left: 10px;
  margin-right: 10px;
 padding:5px 5px 5px 5px;
 border: 1px solid #000;
 text-align: center;
 }


.featurecolor
{
   	background: #0071B7;
   	color: #FFFFFF;
	font-weight : bold;
}



.greycell
{
   	background: #CCCCCC;
   	color: #000000;
   	vertical-align: top;
}



.lightgreyAlignLeftBG {
	background-color: #CCCCCC;
   	vertical-align: top;
   	text-align: left;
}
/* END CELL BACKGROUND COLORS */

/* Start of table width  */

.widthFullalignTop {
	width: 98.5%;
	vertical-align: top;
}
.width95alignTop {
	width: 95%;
	vertical-align: top;
}
.width90alignTop {
	width: 90%;
	vertical-align: top;
}
.width85alignTop {
	width: 85%;
	vertical-align: top;
}
.width80alignTop {
	width: 80%;
	vertical-align: top;
}
.width75alignTop {
	width: 75%;
	vertical-align: top;
}
.width70alignTop {
	width: 70%;
	vertical-align: top;
}
.width65alignTop {
	width: 65%;
	vertical-align: top;
}
.width60alignTop {
	width: 60%;
	vertical-align: top;
}
.width55alignTop {
	width: 55%;
	vertical-align: top;
}
.width50alignTop {
	width: 50%;
	vertical-align: top;
}
.width45alignTop {
	width: 45%;
	vertical-align: top;
}
.width40alignTop {
	width: 40%;
	vertical-align: top;
}
.width35alignTop {
	width: 35%;
	vertical-align: top;
}
.width30alignTop {
	width: 30%;
	vertical-align: top;
}
.width25alignTop {
	width: 25%;
	vertical-align: top;
}
.width20alignTop {
	width: 20%;
	vertical-align: top;
}
.width15alignTop {
	width: 15%;
	vertical-align: top;
}
.width10alignTop {
	width: 10%;
	vertical-align: top;
}
.width5alignTop {
	width: 5%;
	vertical-align: top;
}

.widthFullalignTopCenter {
	width: 98.5%;
	text-align: center;
	vertical-align: top;
}
.width95alignTopCenter {
	width: 95%;
	text-align: center;
	vertical-align: top;
}
.width90alignTopCenter {
	width: 90%;
	text-align: center;
	vertical-align: top;
}
.width85alignTopCenter {
	width: 85%;
	text-align: center;
	vertical-align: top;
}
.width80alignTopCenter {
	width: 80%;
	text-align: center;
	vertical-align: top;
}
.width75alignTopCenter {
	width: 75%;
	text-align: center;
	vertical-align: top;
}
.width70alignTopCenter {
	width: 70%;
	text-align: center;
	vertical-align: top;
}
.width65alignTopCenter {
	width: 65%;
	text-align: center;
	vertical-align: top;
}
.width60alignTopCenter {
	width: 60%;
	text-align: center;
	vertical-align: top;
}
.width55alignTopCenter {
	width: 55%;
	text-align: center;
	vertical-align: top;
}
.width50alignTopCenter {
	width: 50%;
	text-align: center;
	vertical-align: top;
}
.width45alignTopCenter {
	width: 45%;
	text-align: center;
	vertical-align: top;
}
.width40alignTopCenter {
	width: 40%;
	text-align: center;
	vertical-align: top;
}
.width35alignTopCenter {
	width: 35%;
	text-align: center;
	vertical-align: top;
}
.width30alignTopCenter {
	width: 30%;
	text-align: center;
	vertical-align: top;
}
.width25alignTopCenter {
	width: 25%;
	text-align: center;
	vertical-align: top;
}
.width20alignTopCenter {
	width: 20%;
	text-align: center;
	vertical-align: top;
}
.width15alignTopCenter {
	width: 15%;
	text-align: center;
	vertical-align: top;
}
.width10alignTopCenter {
	width: 10%;
	text-align: center;
	vertical-align: top;
}
.width5alignTopCenter {
	width: 5%;
	text-align: center;
	vertical-align: top;
}

/* End of table width  */


/* BEGIN FOR IMAGES */

.tocnew {
	font-size: 7.5pt;
	vertical-align: top;
}

.imgborder {
	border:1px;
	border-color:black; 
	border-style:solid;
}


/* END FOR IMAGES */


/* for definition list */
.contactUsCont {
	width: 90%; 
	border: dashed #333 1px;
}
dl.tablestyle1 {
	margin: 10px;
}
.tablestyle1 dt {
	font-weight: bold;
	float: left;
}
.tablestyle1 dt.firstE {
	font-weight: bold;
	float: left;
	padding-bottom: 5.5em;
}
.tablestyle1 dt.firstF {
	font-weight: bold;
	float: left;
	padding-bottom: 6.5em;
}
.tablestyle1 dd {
	margin-left: 130px;
	padding-bottom: 5px;
}

dl.tablestyle2 {
	margin: 10px;
}
.tablestyle2 dt {
	font-weight: bold;
	float: left;
}
.tablestyle2 dt.firstE {
	font-weight: bold;
	float: left;
	padding-bottom: 5.5em;
}
.tablestyle2 dt.firstF {
	font-weight: bold;
	float: left;
	padding-bottom: 6.5em;
}
.tablestyle2 dd {
	margin-left: 180px;
	padding-bottom: 5px;
}

div.fc-tbx {
	padding-top: 15px;
}
 */


/* Checklist CSS BEGINS */

div.checkliststyle1 {
	width: 100%;
	margin: 10px;
}
div.checkliststyle1 img {
	float: left;
}

div.checkliststyle1 p {
	margin-left: 25px;
	padding-bottom: 5px;
}

/* CHECKLIST CSS ENDS */


/* for tables only */
.noIndent {
	margin-left: 2px;
	padding-left: 12px;
}

.highLight {
	background-color: #485B28;
	font-size: 16px;
	padding-left: 2px;
	color: #fff;
	margin-top: 1px;
	margin-bottom: 1px;
}

.highLight2 {
	color: #485B28;
	font-size: 16px;
}

.highLight3 {
	color: #485B28;
	font-size: 14px;
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/*  PAGE TOOLS CSS BEGINS| DEBUT DU CSS OUTILS */
/*  Jquery Toggle CSS Begins */
/*  myTrigger Class Begins */

.myFont{color:#000000}

.myClass1 A:link {text-decoration: none}
.myClass1 A:visited {text-decoration: none; cursor:pointer;}
.myClass1 A:active {text-decoration: none}
.myClass1 A:hover {text-decoration: underline;}


span.myTrigger{
}
div.myTrigger{
}
ul.myTrigger{
}
li.myTrigger{
}
p.myTrigger{
/* margin-top: 0.5em; */
margin-top: 0px;
margin-bottom: 0px;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
font-size:smaller;
}

/* myTrigger Class Ends */

/* subTrigger begins */

#subTrigger p{
}
#subTrigger span{
}
#subTrigger2 p{
}
#subTrigger2 span{
}
#subTrigger3 p{
}
#subTrigger3 span{
}
#subTrigger4 p{
}
#subTrigger4 span{
}
#subTrigger5 p{
}
#subTrigger5 span{
}
#subTrigger6 p{
}
#subTrigger6 span{
}
#subTrigger7 p{
}
#subTrigger7 span{
}
#subTrigger8 p{
}
#subTrigger8 span{
}
#subTrigger9 p{
}
#subTrigger9 span{
}
#subTrigger10 p{
}
#subTrigger10 span{
}



/* subTrigger ends */


/* #### START PAGE TOOLS #### */
#PageTools {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 9px;
	padding-top: 9px;
	padding-right: 5px;
	height: 18px;	
	
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: uppercase;
	/* letter-spacing: -0.0004em; */
	color: #485B28;	
}
#PageTools ul{
	float: right;
	list-style:none;
	list-style-position:inside;
	margin: 0;
	padding: 0;
	width: auto;
	height: 15px;
}
#PageTools li {
	float:left;
	margin-left: 10px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#PageTools li a {
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	color: #485B28;
	line-height: 1.6em;
	padding-top: 2px;
	padding-bottom: 0;
	text-decoration:none;
	margin: 0;
	padding-left: 15px; /* 15px  */
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* Start Font Sizer Button */
#PageTools .Icons-FontSizerButton a, #PageTools .Icons-FontSizerButton a:link, #PageTools .Icons-FontSizerButton a:visited {
	background-image: url(../images/socialmedia/Icons-FontSizer.gif);
}
#PageTools .Icons-FontSizerButton a:hover {
	text-decoration:underline;
}
/* Start Font Sizer Button */

/* Start Email Button */
#PageTools .Icons-EmailButton a, #PageTools .Icons-EmailButton a:link, #PageTools .Icons-EmailButton a:visited {
	background-image: url(../images/socialmedia/Icons-Email.gif);
	background-position: left 2px;
	padding-left: 17px;
}
#PageTools .Icons-EmailButton a:hover {
	text-decoration:underline;
}
/* End Email Button */

/* Start Print Button */
#PageTools .Icons-PrintButton a, #PageTools .Icons-PrintButton a:link, #PageTools .Icons-PrintButton a:visited {
	background-image: url(../images/socialmedia/Icons-Print.gif);
	padding-left: 17px;
}
#PageTools .Icons-PrintButton a:hover {
	text-decoration:underline;
}
/* End Print Button */

/* Start Share Button */
#PageTools .Icons-ShareButton a, #PageTools .Icons-ShareButton a:link, #PageTools .Icons-ShareButton a:visited {
	background-image: url(../images/socialmedia/Icons-share.gif);
	padding-left: 17px;
}
#PageTools .Icons-ShareButton a:hover {
	text-decoration:underline;
}

/* End Share Button */

/* Start More Link */
.Icons-MoreLink {
	width:auto;
	text-align:right;
	margin: 0;
	padding: 0;
}

.Icons-MoreLink a {
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	letter-spacing: -0.0004em;
	text-decoration: none;
	padding-left: 17px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-top: 1px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
.Icons-MoreLink a:hover, div.center .Icons-MoreLink a:hover {

}
/* End More Link */

/* Start RSS Link */
.Icons-RSS {
	float:right;
	width: 42px;
	height: 18px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: -15px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	text-align:left;
}
div.center .Icons-RSS a, div.center .Icons-RSS a:link {
	background-image: url(../assets/images/Icons-RSS.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 19px;
	display:block;
}
.Icons-RSS2 {
	float:right;
	width: 42px;
	height: 18px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: -37px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	text-align:left;
}
div.center .Icons-RSS2 a, div.center .Icons-RSS2 a:link {
	background-image: url(../assets/images/Icons-RSS.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 19px;
	display:block;
}
/* End RSS Link */

/*EXAMPLE CSS FOR DEMO TICKER*/
#ajaxticker1{
width: 170px;
height: 100px;
border: 1px ridge black;
padding: 1px;
/* background-color: #FEEEB8;*/
}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
 background-color: #FEEEB8; 
}
.someclass{ //class to apply to your scroller(s) if desired
}
/*EXAMPLE CSS FOR DEMO TICKER ENDS*/

/* CSS FOR AJAX DYNAMIC FEED BEGINS */

.gfg-root {
  width : 390px; /* 99.5% */
  height : auto;
  position : relative;
  overflow : hidden; 
  text-align : center;
  font-family: inherit /* "Arial", sans-serif; */
  font-size: 9px;
  border: 1px solid #485B28; /* #BCCDF0 */
}

.gfg-title {
  font-size: 18px;  /* Latest Updates Header */
  font-weight : bold;
  color : #fff; /* was 295D80 - #485B28 */
  background-color: #485B28; /* #E5ECF9 */  
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #fff /* #3366cc */;
}

.gfg-subtitle {
  font-size: 14px; /* CFIA, HC & PHAC subheadings  */
  font-weight : bold;
  color : #fff /* 295D80 */;
  background-color: #ddd;
  line-height : 1.4em;
  overflow : hidden;
/*  white-space : nowrap; */
  margin-bottom : 5px;
}

/* SUBHEADER  */
.gfg-subtitle A:link {
  color : #fff;
  text-decoration:none;
 }
.gfg-subtitle A:visited {
  color : #fff;
  text-decoration:none;
}
.gfg-subtitle A:active {
  color : #fff;
  text-decoration:none;
}
.gfg-subtitle A:hover {
  color : #fff;
  text-decoration:underline;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 8.9em;  /*  adjusted height of the top scrolling area from 6.9em */
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result { /* top scrolling area */
  position : relative;
  background-color : white;
  width : auto;
  height : 100%; /* 100% */
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;  
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry A:link{text-decoration:none}
.gfg-listentry A:visited{text-decoration:none}
.gfg-listentry A:active{text-decoration:none}
.gfg-listentry A:hover{text-decoration:underline}


.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
/*  white-space : nowrap; */
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight{text-decoration:underline}

.gfg-listentry-highlight { 
  background-image : url('/images/socialmedia/garrow2.jpg'); /* garrow  */
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 12px;
  line-height : 1.2em;
  overflow : hidden;
/*  white-space : nowrap; */
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
/*  white-space : nowrap; */
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
/*  white-space : nowrap; */
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}


.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

.gfg-entry A:link{color:#000000}
.gfg-entry A:visited{color:#000000}
.gfg-entry A:active{color:#000000}
.gfg-entry A:hover{color:#000000}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
/*  white-space : nowrap; */
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  /* color: #0000cc; */
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
 /* color: #AAAAAA; */
}

.gfg-branding {
/*  white-space : nowrap; */
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}

/*  CSS FOR  AJAX READER ENDS  */

/* Slideshow Begins  */

div.sliderwrapper {
    width: 390px; /* 388  */
}
div.sliderwrapper div.containerouterborder {
    border: solid 1px #CCC;
    position: relative;
    width: 390px; /* 403 */
}
div.sliderwrapper div.containerouterborder div.container {
    border: solid 1px #FFF;
    position: relative;
}
div.sliderwrapper div.containerouterborder div.container img {
    width: 388px;  /* 401 */
    height: 162px; /* 180  */
}
div.sliderwrapper div.containerouterborder div.container img {margin-bottom: -3px;}
*:first-child+html div.sliderwrapper div.containerouterborder div.container img {margin-bottom: 0;}
* html div.sliderwrapper div.containerouterborder div.container img {margin-bottom: 0;}
div.sliderwrapper div.containerouterborder div.container div.ssfooter {
    background-color: #FFF;
    filter: alpha(opacity=90);
    opacity: 0.9;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    min-height: 0;
    margin-top: 0;
    height: auto;
}
div.sliderwrapper div.containerouterborder div.container div.ssfooter div.title,
div.sliderwrapper div.containerouterborder div.container div.ssfooter div.title a {
    font-family: Verdana;
    font-size: 110%;
    font-weight: bold;
    color: #000000; /* #C03 */
    text-decoration: none !important;
}
div.sliderwrapper div.containerouterborder div.container div.ssfooter div.title a:hover {
    text-decoration: underline !important;
}
div.sliderwrapper div.containerouterborder div.container div.ssfooter div.title,
div.sliderwrapper div.containerouterborder div.container div.ssfooter div.subtitle {
    filter: alpha(opacity=100);
    opacity: 1.0;
    padding-left: 5px;
}
div.sliderwrapper div.containerouterborder div.container div.ssfooter div.subtitle,
div.sliderwrapper div.containerouterborder div.container div.ssfooter div.subtitle a {
    font-family: Verdana;
    color: #000;
    text-decoration: none !important;
}
div.sliderwrapper div.containerouterborder div.container div.ssfooter div.subtitle a:hover {
    text-decoration: underline !important;
}
div.slideshow_buttons {
    position: relative;
    z-index: 999;
    top: -159px;  /* -179px */
    width: 380px;  /* 403 */
    right: 26px;
    text-align: right;
    margin-bottom: -29px;
}
div.slideshow_buttons a.toc,
div.slideshow_buttons a.toc:link,
div.slideshow_buttons a.toc:visited  {
    text-decoration: none !important;
    color: #000;
    background-color: #fff /*#DDD*/;
}
div.slideshow_buttons a.toc:hover,
div.slideshow_buttons a.selected,
div.slideshow_buttons a.selected:hover,
div.slideshow_buttons a.selected:visited {
    color: #000 !important;
    background-color: #D3D0AD !important; /* #C03 */
    text-decoration: none !important;
}

*:first-child+html div.slideshow_buttons {right: 21px;}
* html div.slideshow_buttons {right: 21px;}

div.slideshow_pp_button img.playPause {
    position: relative;
    z-index: 999;
    top: -146px;
    float: left;
    left: 362px; /* 382 */
    text-align: right;
    margin-bottom: -29px;
}
/* Slideshow Ends  */

/* #### END PAGE TOOLS | FIN  DU CSS OUTILS #### */