/* CLF 2.0 TEMPLATE VERSION 1.02 | VERSION 1.02 DU GABARIT NSI 2.0 */
/* CLF 2.0 TEMPLATE VERSION 1.02 | VERSION 1.02 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */


body {
	background-color: #EFEFEF;
	font-size:80%;
}
a , a:hover, a:hover {
	color:#00467F;
	text-decoration:none;
}

a:hover {
text-decoration:underline;
}

div.page {
width:780px;
padding: 0 10px;
background: #efefef url(../images/page-bkg.gif) repeat-y;
}

div.center {
padding:0 10px;
width:590px;
float: right;
margin: 0;
}

div.right {
float:right;
width:150px;
}

ul.list {
list-style:none;}

div.colLayout {
	/* (places blue under left menu area only) */
	background: #FFF;
	height: 100%;
}

p.breadcrumb {
padding:5px 0 5px 3px;
}

div.rssfeed {
padding:0px 10px 10px;
line-height:16px;
}

div.rssfeed img {
float:left;
padding-top:2px;
}

h2 a {
text-decoration:none;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 20px;
}
div.cwm img {
	padding-top: 0px;
}
/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	color: #000;
	background: #003366 url("../images/banner.jpg") no-repeat;
	margin:40px 0 0;
	height:80px;
	padding:0;
	width:760px;
	margin-bottom:1px;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url() #FFF no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url() #FFF no-repeat center center;
}

div.banner p.siteuri {
background-color:transparent;
font-family:"times new roman",sans-serif;
font-size:10.5pt;
font-weight:normal;
margin:0;
padding:0;
}

/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
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: #CC9;
	border-color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */

div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {

	color: #fff;
	text-decoration: none;
}
div.left h2.nav a:hover, div.left h2.nav a:active, div.left h2.nav a:focus, div.left div.h2nav a:hover, div.left div.h2nav a:active, div.left div.h2nav a:focus, div.left p.h2nav a:hover, div.left p.h2nav a:active, div.left p.h2nav a:focus, div.right h2.nav a:hover, div.right h2.nav a:active, div.right h2.nav a:focus, div.right div.h2nav a:hover, div.right div.h2nav a:active, div.right div.h2nav a:focus, div.right p.h2nav a:hover, div.right p.h2nav a:active, div.right p.h2nav a:focus {
	text-decoration: underline;
}
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border: 1px solid #003366;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */


ul.nav li.left-nav-top {
	height:7px;
	width:100%;
	margin:0;
	padding:0;
}
ul.nav {
	background: #FFF url(../images/left-nav-bkg.png) repeat-y;
}

ul.nav li ul {
list-style:none;
}
div.navtop {
	height:7px;
	width:100%;
	margin:0;
	padding:0;
}

div.navtop img {
	height:7px;
	margin:0;
	padding:0;
}


ul.nav li.page_item a {
	padding: 8px 25px 10px 12px;
	background: url(../images/arrow-right.png) no-repeat center right;
	color: #fff;
	text-decoration: none;
	display:block;
	font-weight:bold;
}

ul.nav li.page_item ul li a {
background:none;
font-weight:normal;
padding:6px 25px 8px 12px
}

ul.nav li.page_item ul {
display:none;
}

ul.nav li.current_page_parent ul, ul.nav li.current_page_item ul, ul.nav li.current_page_ancestor ul  {
	display:block;
	background: url(../images/left-nav-sep.png) no-repeat bottom;
	list-style-type:none;
	margin:0;
	padding:0px 0px 2px 0px;
}

ul.nav li.current_page_parent ul li, ul.nav li.current_page_item ul li, ul.nav li.current_page_ancestor ul li {
	background: #FFF url(../images/left-sub-nav-bkg.png) repeat-y;
}

ul.nav li.page_item a:hover {
	text-decoration: underline;
}

ul.nav li ul li.current_page_item a, ul.nav li ul li.current_page_parent a {
	text-decoration: underline;
	font-weight:normal;
}

ul.nav li.current_page_parent a, ul.nav li.current_page_item a, ul.nav li.current_page_ancestor a  {
background: url(../images/arrow-down.png) no-repeat center right;
}

ul.nav li {
background: url(../images/left-nav-sep.png) no-repeat bottom;
}



ul.nav li.left-nav-bottom {
	background: #FFF url(../images/left-nav-bottom.png) no-repeat;
	height:7px;
	width:100%;
}

#index-en h2.h21, #the-host h2.h21, #policy-themes h2.h21, #foreign-ministers h2.h22, #finance-ministers h2.h22, #ediscussions h2.h23, #expert-interviews h2.h23, #youth h2.h23, #civil-society h2.h23, #g8-in-brief h2.h24, #past-summits h2.h24, #success-stories h2.h24, #news-releases h2.h25, #calendar h2.h25, #photo-gallery h2.h25, #accreditation h2.h25, #the-region h2.h26, #tourism h2.h26, #business-and-investment h2.h26 {
background: url(../images/arrow-down.png) no-repeat center right;
}


#index-en ul.sub1, #the-host ul.sub1, #policy-themes ul.sub1, #foreign-ministers ul.sub2, #finance-ministers ul.sub2, #ediscussions ul.sub3, #expert-interviews ul.sub3, #youth ul.sub3, #civil-society ul.sub3, #g8-in-brief ul.sub4, #past-summits ul.sub4, #success-stories ul.sub4, #news-releases ul.sub5, #calendar ul.sub5, #photo-gallery ul.sub5, #accreditation ul.sub5, #the-region ul.sub6, #tourism ul.sub6, #business-and-investment ul.sub6 {
display:block
}

ul.sub-nav  li {
	background: #FFF url(../images/left-sub-nav-bkg.png) repeat-y;
}

div.left li.menucontent, div.left div.menucontent {
padding: 6px 6px 6px 12px;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #fff;
}
div.right li.menucontent, div.right div.menucontent {
	color: #000;
	background-color: #FFF;
}
div.right a.menulink {
	color: #000;
	background-color: #FFF;
}
div.right a.menulink, div.right a.menulink2, div.right a.menulink3 {
	color: #000;
	background-color: #FFF;
}

div.prodis {
	background-color: #036;
}

#the-host #thehostlink a.menulink, #policy-themes #policythemeslink a.menulink, #foreign-ministers #foreignlink  a.menulink, #ediscussions #ediscussionslink a.menulink, #expert-interviews #expertinterviewslink a.menulink, #youth #youthlink a.menulink, #civil-society #civilsocietylink a.menulink, #g8-in-brief #memberstateslink a.menulink, #past-summits #pastsummitslink a.menulink, #success-stories #successstorieslink a.menulink, #news-releases #newsreleaseslink a.menulink, #calendar #calendarlink a.menulink, #photo-gallery #photogallerylink a.menulink, #accreditation #accreditationlink a.menulink, #the-region #theregionlink a.menulink, #tourism #tourismlink a.menulink, #business-and-investment #businessandinvestmentlink a.menulink {
text-decoration:underline;
}

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

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 12px 2px 2px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center h1, h2, h3, h4, h5{
	color: #00467F;
	margin-top:4px;
}

div.disclosure {
height:38px;
width:150px;
margin:10px 0px;
background: url(../images/left-disclosure.gif) no-repeat;
}

div.disclosure a { 
padding:3px 25px 4px 12px;
color:#000;
text-decoration:none;
display:block;
background: none;
}

a.gratia {
padding:0px 25px 0px 12px;
line-height:31px;
}

ul.toolsnav {
list-style:none;
margin:0;
padding:0px 0px 0px 0px;
}

ul.toolsnav li {
width:142px;
min-height:22px;
padding-left:4px;
padding-right:2px;
color:#666;
}

ul.toolsnav li a img{
height:22px;
float:left;
}

ul.toolsnav li.left-tools-top {
background: url(../images/left-tools-top.png) no-repeat;
height:26px;
line-height:23px;
padding-left: 8px;
width:142px;
color:#fff;
}

ul.toolsnav li a {
text-decoration:none;
color:#666;
line-height:22px;
font-size:80%;
}

li.left-tools-sub, li.left-tools-print {
background: #E4EEF7;
border-right:1px solid #A4ADBE;
border-left:1px solid #A4ADBE;
}

li.left-tools-text, li.left-tools-share {
background: #F2FAFD;
border-right:1px solid #A4ADBE;
border-left:1px solid #A4ADBE;
}

li.left-tools-text {
}

ul.toolsnav li.left-tools-bottom {
background: url(../images/left-tools-bottom.gif) no-repeat;
height:7px;
width:150px;
}

div.fpf {
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px dotted #ccc;
min-height:170px;
}

div.fps {
float:left;
width:185px;
margin-right:7px;
}

.other-sites p {
margin:0px;
}

h2 a {
font-size:13pt;
color: #00467F;
font-weight:bold;
}

h2.fp {
line-height:1.1em;
margin:0px 0px 2px 0px;
font-size:11pt;
}

div.fpst {
margin:4px 0px 6px;
}
.fpss {
padding-bottom:6px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
}
div.fpst a {
line-height:18px;
text-decoration:none;
font-weight:bold;
color: #00467F;
}

div.morenews {
text-align:right;
}

div.morevideos {
float:right;
}
div.mce_plugin_multimedia_mmPlayer {
margin-top:5px;}

.fpf p, .fps p {
margin:0;
line-height:1.4em;
}

div.social-footer {
background: url(../images/social-bkg.png) no-repeat left top;
width:590px;
border-bottom:1px dotted #ccc;
float:left;
margin-top:15px;
}

div.clear {
clear:both;
}
div.sf3 {
float:left;
width:185px;
padding:5px;
}
div.sf2 {
float:left;
width:380px;
padding:10px 0px;
margin:0px 10px 10px;
border-bottom:1px dotted #ccc;
}

div.sf2 img{
float:left;
padding:0px 10px 5px 0px;
}


div.sf4 {
float:right;
width:190px;
padding:10px 0px 5px 0px;
}

div.sf4 h5, div.sf2 h5{
margin:5px 0px;
}

div.sf5 {
float:left;
width:380px;
padding:10px;
margin-bottom:10px;
}

div.social-footer h5 {
font-weight:bold;
margin:5px;
}

div.separator {
height:1px;
border-bottom:1px dotted #ccc;
margin:5px 0px;
}

ul.news-list {
list-style:none;
margin:0;
padding:0px 0px 0px 5px;
}

ul.news-list li {
padding:3px 0px;
border-bottom:1px dotted #ccc;
}

ul.news-list li a {
text-decoration:none;
}
div.center ul.news-list li a:visited, div.center ul.news-list li a :link {
color:#666;
}

div.center ul.video-list li a:visited, div.center ul.video-list li a :link {
color:#00467F;
}
ul.video-list {
list-style:none;
margin:0;
padding:0px 0px 16px 5px;
}

ul.video-list li {
padding:3px 0px;
border-bottom:1px dotted #ccc;
}

ul.video-list li a {
text-decoration:none;
}

div.center h4 {
margin:10px 0px 5px 0px;
}

h6 {
font-weight:bold;
color:#000;
margin:0px;
font-size:8pt;
text-transform:uppercase;
}
div.center a:link {
	color: #00467F;
	text-decoration:underline;
}
div.center a:visited {
	color: #00467F;
	text-decoration:underline;
}

ul.video-list p{
padding:0;
margin:0;
}

div.fpst a:link, div.fpst a:visited, div.center h2 a:link, div.center h2 a:visited  {
text-decoration:none;
} 

ul.news-list li a, ul.news-list li a:link, ul.news-list li a:visited  {
text-decoration:none;
color:#666;
}

div.blackborder {
	border: solid #000 1px;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #036;
}
div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
	color: #039;
	background-color: #FFF;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */