﻿body {
  padding:0;
  margin:0;
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  text-align:left;
  color: #5F4934;
  z-index:-1;
  background-color: #BFC297;
  }
h2{
  text-align:left;
  margin-left:5px;
  margin-right:5px;
  font: verdana;
  font-size:12pt;
  }


h2.about{
 color : #9d9e98;
}
h2.partner{
 color : #97abc6;
}
h2.activities{
 color:#c8a062;
}
h2.resources{
 color:#c9bfd8;
}
h2.news{
 color:#689d33; 
}
h2.cra{
 color:#627998;
}
h3{
  text-align:left;
  margin-left:5px;
  margin-right:5px;
  font-size:10pt;
  }
h3.year{
width:100%;
background:#817593;
color:#ffffff;
}
h3.tab{
text-align:center;
 margin-top:0px;
 margin-bottom:5px;
 padding:0;
}
h4{
  font-size:8pt;
  text-align:left;
  margin-left:5px;
  margin-right:5px;
  }
h4.illustration{
 font-size:7pt;

}
h4.title{
margin-top:20px;

}
p{
  text-align:justify;
  margin-top:0px;
  margin-left:5px;
  margin-right:5px;
  }
a{
  margin:0;
  color:#669933;
  text-decoration:none;
}
a.gloss{
 color:#5F4934;

}
li{
margin-top:5px;

}
select{
  width:300px;
  z-index:0;
}
input{
 font-size:7pt;
}
table{
   margin-top:10px;
   margin-bottom:20px;
}
img{
   margin-left:5px;
}
img.left{
  margin-right:10px;

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

}
ol ol{
 list-style-type:lower-alpha;
}
#admin{
margin:30px;
padding-top:30px;
padding-bottom:30px;

}

#container {
  position:relative;
  padding-top:20px;
  width:840px;
  height:200px;
  margin:auto;
  z-index:1;
}
#Intro{
  position:relative;
  width:840px;
  padding-bottom:40px;
  margin: 0px;
  background: url(./images/global/top_page.jpg) top no-repeat;
  z-index:1;
  }
#breadcrumb{
  position:absolute;
  top:0px;
  left:25px;
  padding-top:20px;
  width:840px;
  height:20px;
  color:#689832;
  }
#breadcrumb a{
  color:#689832;
  text-decoration:none;
  font-weight:bold;
  }
#breadcrumb a.last{
  color:#78CB5B;
  }
#header1{
  position:absolute;
  top:5px;
right:10px;

  width:400px;
  font-size:8pt;

  }

#header_home{
  position:relative;
  margin-left:11px;
  width:819px;
  height:140px;
  background:url(./images/global/banner_home.jpg) top center no-repeat;
  background-color: #FFFFFF;
  z-index:3;
  }
#header_aboutUs{
  position:relative;
  margin-left:11px;
  width:819px;
  height:140px;
  background:url(./images/global/banner_aboutUs.jpg) top center no-repeat;
  background-color: #FFFFFF;
  z-index:3;
  }
#header_partners{
  position:relative;
  margin-left:11px;
  width:819px;
  height:140px;
  background:url(./images/global/banner_partners.jpg) top center no-repeat;
  background-color: #FFFFFF;
  z-index:3;
  }
#header_activities{
  position:relative;
  margin-left:11px;
  width:819px;
  height:140px;
  background:url(./images/global/banner_activities.jpg) top center no-repeat;
  background-color: #FFFFFF;
  z-index:3;
  }
#header_ressources{
  position:relative;
  margin-left:11px;
  width:819px;
  height:140px;
  background:url(./images/global/banner_ressources.jpg) top center no-repeat;
  background-color: #FFFFFF;
  z-index:3;
  }
#header_news{
  position:relative;
  margin-left:11px;
  width:819px;
  height:140px;
  background:url(./images/global/banner_news.jpg) top center no-repeat;
  background-color: #FFFFFF;
  z-index:3;
  }

#content{
  position:relative;
  margin-top: 0px;
  margin-left:11px;
  width:819px;
  background-color:#FFFFFF;
  z-index:1;
  }
  #contentleft{
  position:relative;
  padding-top:20px;
  padding-left:15px;
  padding-right:5px;
  width:600px;
  z-index:0;
  background-color:#FFFFFF;
  border-bottom:1px solid #FFFFFF;
  }
  #contentleft h3{
   margin-top:20px;
  }
  #contentleft i{
   margin:0;
  }
  #contentleft p.sitation{
   font-size:7pt;
   margin-top:-5px;
   margin-bottom:30px;
  }
  #contentleft a.image{
   border:none;
   margin-right:10px;
   color:#FFFFFF;
   font-size:0px;
   text-decoration:none;
   background:none;

  }
  #contentleft a.title{
               color: #5F4934;
               border-bottom:1px solid;
               width:600px;

   }
   #contentleft a.titlep{
               color: #5F4934;
               border:none;
   }
  #contentleft h3.project{

               border-bottom:1px solid;
               width:590px;

   }
   #contentleft h3.projectp{

               background:#ebdecb;
               width:600px;

   }
 #google {
	position:absolute;
	left:300px;
	width:90px;
	height:82px;
	background-image : url(./images/global/google.png);
	z-index:20;
	}
/*---------------------------------------
All in relation with the HOMEPAGE!!!!!
----------------------------------------- */
#contentleftHome{
  position:relative;
  padding-top:15px;
  padding-right:5px;
  width:535px;
  z-index:1;
  background-color:#FFFFFF;
  border-bottom:1px solid #FFFFFF;
  }
#contentleftHome h3{
 margin-bottom:5px;

}
#mainLeft{
  margin-left:10px;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  width:260px;
  background:url(./images/global/news_top260.gif) no-repeat;
  background-position:top left;
  background-color:#FFFFFF;
  border-bottom:1px solid #FFFFFF;
  z-index:2;
  }
#mainLeft a{
 font-weight:none;
 color:#669933;
}

#mainLeftDown{
  margin-left:10px;
  padding-left:5px;
  padding-right:5px;
  height:18px;
  width:260px;
  background:url(./images/global/bottom.gif) no-repeat;
  background-position:bottom left;
  background-color:#FFFFFF;
  }
#mainRight{
  position:absolute;
  top:15px;
  right:0px;
  width:260px;
  padding-top:5px;
  background:url(./images/global/activities_top260.gif) no-repeat;
  background-position:top left;
  border-bottom:1px solid #FFFFFF;
  z-index:2;
  }
#mainRight a{
 font-weight:none;
 color:#669933;
}

#mainRightDown{
  position:absolute;
  top:700px;/*/--------------------------pour la taille de la colonne du milieu*/ 
  right:0px;
  width:260px;
  height:18px;
  background:url(./images/global/bottom.gif) no-repeat;
  background-position:bottom left;
  z-index:2;
}
#Activity {
    z-index:1;
    width:256px;
    height:650px;/*/--------------------------pour la taille de la colonne du milieu (50 de difference)*/ 
    border-left : 1px solid #BFC197;
    border-right : 1px solid #BFC197;
    border-bottom:1px solid #FFFFFF;
    margin-top:19px;
    padding-top:15px;
    padding-bottom :1px;
}

#contentrightHome{
  position:absolute;
  right:10px;
  top:15px;
  width:260px;
  z-index:1;
  background:url(./images/global/resources_top260.gif) no-repeat;
  background-position:top left;
  border-bottom:1px solid #FFFFFF;
  padding-top:10px;
  }
#contentrightdownHome{
  position:absolute;
  top:700px;  /*/--------------------------pour la taille de la colonne de droite*/  
right:10px;
  margin-left:535px;
  width:260px;
  height:18px;
  z-index:1;
  background:url(./images/global/bottom.gif) no-repeat;
  background-position:bottom left;
}
#Publication{
        z-index:1;
	width:258px;
	height:650px;/*/--------------------------pour la taille de la colonne de droite (50 de difference)*/ 
	border-left : 1px solid #BFC197;
        border-right : 1px solid #BFC197;
        border-bottom:1px solid #FFFFFF;
	margin-top:19px;
	padding-top:15px;
	padding-bottom :1px;
}
#Publication p{
font-size:7pt;
 text-align :left;
 padding-left:10px;
 margin-left:10px;
}
#Publication h2{
color:#4B6D88;
}
#Publication table{
padding-left:10px;
margin-left:10px;
}
#newsHome{
	z-index:1;
	width:258px;
        border-left : 1px solid #BFC197;
        border-right : 1px solid #BFC197;
        border-bottom:1px solid #FFFFFF;
	margin-left: -5px;
	padding-bottom :1px;
	margin-top:19px;
	padding-top:15px;
	}
#redcross{
  margin:10px;
}
#redcross p{
font-size:7pt;
  margin-bottom:0px;
}
/*---------------------------------------
The rest
----------------------------------------- */
#contentright{
  position:absolute;
  right:0px;
  margin-left:550px;
  width:220px;
  z-index:1;
  padding-top:20px;
  }
#contentrightdown{
  position:absolute;
  top:415px;
  right:0px;
  width:198px;
  height:16px;
  z-index:1;
  padding-top:15px;
}
#rightTitle{
	width:179px;
	height:34px;
	text-indent:10px;
	background: url(./images/global/highlights_top2.jpg) top no-repeat;
	padding:0;
	margin-left:30px;
}
#rightTitle h3{
 padding-top:15px;
 margin:0px
 line-height:0px;
}
#rightTitle a{
 font-weight:none;
 color: #5F4934;
}
#rightTitle a:hover{
 color:#669933;
}
#rightContent{
  width:177px;
  margin-left:30px;
  background-color:#FFFFFF;
  border-left: 1px solid #CECC99;
  border-right: 1px solid #CECC99;
  padding-top:5px;
  padding-bottom :1px;
}
#rightContent li{
	margin-right:5px;
	margin-left:-10px;
	text-align:left;
}
#rightDown{
  margin-left:30px;
  margin-bottom:10px;
  width:179px;
  height:17px;
  background: url(./images/global/highlights_bottom.jpg) bottom no-repeat;
}

#topPage{
 text-align:right;
}

#topPage a {
 font-size:8pt;
}



#newsletter{
  visibility:hidden;
      background:url(./images/global/box1.gif) top left no-repeat;
      margin-bottom:20px;
      margin-left:320px;
      padding-top:12px;
      padding-bottom:30px;
}
#newsletter p{
  text-align:justify;
  margin-right:40px;
  margin-bottom:0px;

  }

#newsletter h4{
  text-align:justify;
  font-weight:normal;
  font-size: 7pt;
  margin-top:0px;
  margin-right:50px;

  }

#printlink{
	margin-right:5px;
	text-align:right;
	}


#news{
	z-index:1;
        border-top:1px solid;
	margin-top:15px;
	margin-left:5px;
	padding-bottom :1px;
	}

#news p{
        margin: 0;

	}
#news h3{

        margin-left : 0px;
	line-height:12px;
	margin-top:10px;

	}
#news h4{
	font-weight:normal;
	margin:0px;
	}
#readMore{
	text-align:right;
	margin-bottom:5px;
	}
#news i{
	font-weight:normal;
	}
#news table{
	margin-top:5px;
	margin-bottom:10px;
	}


#uniquenews {
	border-top: 1px solid ;
	border-bottom: 1px solid ;
	z-index:1;
	margin-left:5px ;
	margin-top:20px;
	margin-bottom:20px;
	}
#uniquenews p{
  margin-left:0px;
	}
#uniquenews h3{
	line-height:12px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	}
#uniquenews td{
 margin-left:20px;
}
#news h2{
 color: #689832;
}
#news h3{
 color: #689832;
}


#footer{
padding-top:25px;
padding-left:10px;
width:820px;
height:25px;
background:url(./images/global/bottom_page.jpg) no-repeat;

}
#footer a{
 color:#5F4934;
}
#secretariat{
margin-left:10px;
}
#secretariat p,#secretariat h4{
margin-left:20px;

}
#centerMenu{
 width:100%;
 margin:auto;
 margin-bottom: 15px;
 margin-top: 15px;
 margin-left:5px;
 background: #cbd5e3;
}
#centerMenu ol{
 margin-left:20px;
 padding-top:10px;
 padding-bottom:10px;


}
#centerMenu.resources{
 background:#e7e4ed;
}
h3.detail{
  text-indent:10px;
width:100%;
background:#627998;
color:#FFFFFF;
}
h3.resources{
text-indent:10px;
width:100%;
background:#817593;
color:#FFFFFF;
}
#centerMenu h3 {
 margin-left:20px;
 margin-bottom:10px;
 margin-top:20px;
}
#centerMenu a{
 font-weight:none;
 color: #5F4934;
}
#centerMenu a:hover{
 color:#669933;
}

a.list{
 font-weight:none;
 color: #5F4934;
}
a.list:hover{
 color:#669933;
}
#uniqueCRA {

 margin-left:10px;
 padding:0;
}
#uniqueCRA h2{
 margin-left:0px;
 padding:0;
}
#uniqueCRA a{
 margin-left:0px;
 padding:0;
}
#uniqueCRA p{
 margin-left:0px;
 padding:0;
}
#uniqueCRA h3{
 margin-left:0px;
 padding:0;
}
#uniqueCRA h4{
  margin-left:0px;
 padding:0;
}
#map{
 text-align:center;
 margin:40px;
}
#uniqueWinner{
  margin-top:20px;
  margin-bottom:20px;
  border-top:1px solid;
  border-bottom: 1px solid;
}
#uniqueWinner p{ 
 margin-right:0px;
}
#uniqueWinner ul{
 margin-bottom:5px;
}

/*Search page layout*/
#tableau p{
 margin:0;
 padding:0;
}
#tableau a{
 margin:0;
 padding:0;
}
#tableau h4{
 margin:0;
 padding:0;
}
/*THE SITEMAP*/
DIV#sitemap {
  padding: 1em 1.5em;
  line-height: 20px;
  }
DIV#sitemap P {
  padding: 0;
  border: none;
  margin: 0;
  }
DIV#sitemap P.hier1 {
  padding: 0 0 0 21px;
  }
DIV#sitemap P.hier2 {
  padding: 0 0 0 42px;
  }
DIV#sitemap P.hier3 {
  padding: 0 0 0 63px;
  }
DIV#sitemap P.exiilm {
  background: url(./images/siteMap/exiilm.gif) no-repeat;
  }
DIV#sitemap P.exiitm {
  background: url(./images/siteMap/exiitm.gif) no-repeat;
  }
DIV#sitemap P.exilm {
  background: url(./images/siteMap/exilm.gif) no-repeat;
  }
DIV#sitemap P.ex-ilm {
  background: url(./images/siteMap/ex-ilm.gif) no-repeat;
  }
DIV#sitemap P.exi-lm {
  background: url(./images/siteMap/exi-lm.gif) no-repeat;
  }
DIV#sitemap P.exitm {
  background: url(./images/siteMap/exitm.gif) no-repeat;
  }
DIV#sitemap P.ex-itm {
  background: url(./images/siteMap/ex-itm.gif) no-repeat;
  }
DIV#sitemap P.exi-tm {
  background: url(./images/siteMap/exi-tm.gif) no-repeat;
  }
DIV#sitemap P.exlm {
  background: url(./images/siteMap/exlm.gif) no-repeat;
  }
DIV#sitemap P.ex-lm {
  background: url(./images/siteMap/ex-lm.gif) no-repeat;
  }
DIV#sitemap P.ex--lm {
  background: url(./images/siteMap/ex--lm.gif) no-repeat;
  }
DIV#sitemap P.extm {
  background: url(./images/siteMap/extm.gif) no-repeat;
  }
DIV#sitemap P.ex-tm {
  background: url(./images/siteMap/ex-tm.gif) no-repeat;
  }
DIV#sitemap P.ex--tm {
  background: url(./images/siteMap/ex-tm.gif) no-repeat;
  }
/*the menu options*/
/*generality about the whole menu!*/
#topmenu{
  position:relative;
  width:800px;
  height:24px;
  margin-left:11px;
  padding-right:19px;
  z-index:2;
  background-color: #FFFFFF;
  background-image: url(./images/global/menu_back.jpg);
  }
.menu{
  position:absolute;
  top:3px;
  left:0px;
  margin:0;
  margin-left:-1px;
  padding:0;
  width:800px;
  z-index:3;
  /* important for Opera7 */
  }
.menu ul{
  position:absolute; /* pour sortir la liste du flux de donn�es */
  display:block;
  width:133px;
  margin:0;
  padding-left:0;
  }
.menu li ul{
  visibility:hidden;
  }
.menu li li ul{
  position:absolute; /* pour sortir la liste du flux de donn�es */
  top:auto;
  left:auto;
  margin-left:160px;
  margin-top:-23px; /* move the sub menu vertically */
}

#menu li, #menu a, #menu ul { 
    z-index:3;
}

.menu li{
  list-style:none;
  width:160px;
  height:auto;
  display:inline;
  float:none;
  float/**/:left;
   margin:0;
  padding:0;
  }
.menu li li{
  display:block;
  float:none;
  }
/* correct a little IE bug */
* html .menu li li{
  display:inline;
  }
.menu a{
  text-align:center;
  color:#333300;
  width:159px;
  height:16px;
  display:block;
  font-size:11pt;
  text-decoration:none;
  margin:0;
  }
  /* hide some accessibility stuff */
.menu span{
  display:none;
  }
#sousmenu.milieu ul{
  padding-top:5px;
  margin-left:-15px;
  z-index:2;
  }

#sousmenu.first ul{
  padding-top:5px;
  padding-left:11px;
  z-index:2;
  }

.menu li li a{
  border:0;
  height:auto;
  display:block;
  padding-left:3px;
  padding-right:3px;
  padding-top:3px;
  padding-bottom:5px;
  width:178px;
  font-size:8pt;
  font-weight:bold;
  color:#63630;


  }
.menu li li.sfirst{
  width:184px;
  height:auto;
  background: url(./images/global/submenu_top2.jpg) top no-repeat ;
}
.menu li li.slast{
  width:184px;
  height:auto;
  background: url(./images/global/submenu_bottom2.jpg) bottom no-repeat ;
}
.menu li li.smilieu{
  width:182px;
  height:auto;
  background-color:#E1E1BB;
  border-left:1px solid #8F8F69;
  border-right:1px solid #8F8F69;
}
#sousmenu li.sfirst:hover{
  width:184px;
  height:auto;
  background: url(./images/global/submenu_top_selected.jpg) top no-repeat ;
}
#sousmenu li.slast:hover{
  width:184px;
  height:auto;
  background: url(./images/global/submenu_bottom_selected.jpg) bottom no-repeat ;
}
#sousmenu li.smilieu:hover{
  width:182px;
  height:auto;
  background-color:#F2F2D8;
  border-left:1px solid #494714;
  border-right:1px solid #494714;
}
#sousmenu li.sfirst:focus{
  width:184px;
  height:auto;
  background: url(./images/global/submenu_top_selected.jpg) top no-repeat ;
}
#sousmenu li.slast:focus{
  width:184px;
  height:auto;
  background: url(./images/global/submenu_bottom_selected.jpg) bottom no-repeat ;
}
#sousmenu li.smilieu:focus{
  width:182px;
  height:auto;
  background-color:#F2F2D8;
  border-left:1px solid #494714;
  border-right:1px solid #494714;
}

#sousmenu a:hover{
  color:#71450c;
}

#spacer {
	clear: both;
}

/* Research & Action Grants projects */

#searchbox select {
	margin-left: 4px;
	width: 170px;
}

#top_table {
	font-size: 10pt;
}

#projects_table {
	font-size: 8pt;
	margin-left: 8px;
	border: 1px solid #bfc297;
}

#projects_table thead {
	color: #5F4934;
	background-color: #f2f2d6;
}

/*
#projects_table tr.region1 {
	color: #5F4934;
	background-color: #f1f1d9;
}
#projects_table tr.region2 {
	color: #CCCCCC;
	background-color: #b85c4d;
}
#projects_table tr.region3 {
	color: #5F4934;
	background-color: #f8db73;
}
#projects_table tr.region4 {
	color: #5F4934;
	background-color: #9ec8ee;
}
#projects_table tr.region5 {
	color: #5F4934;
	background-color: #ff8a3e;
}
#projects_table tr.region6 {
	color: #5F4934;
	background-color: #c7d799;
}

#projects_table tr.region7 {
	color: #5F4934;
	background-color: #7a624a;
}
*/

#projects_table td {
	border: 1px solid #bfc297;
}

#winner_left {
	margin-left: 5px;
	padding: 10px;
	width: 46%;
	float: left;
	border-right: 1px solid black;
}

#winner_right {
	margin-right: 5px;
	padding: 10px;
	width: 46%;
	float: right;
}

#winner_detail {
	padding: 10px;
	margin: 5px;
} 
 
.center {
	text-align: center;
}

#alignRightWinner {
	float: right;
}