﻿/*@charset "utf-8"; */

/* CSS Document */
html { height:100% }
body {margin:0; font-family:Helvetica, Arial, Sans-Serif; font-size:11px; color:#000; height:100%;}
a.submenu {	color:#ff0000;	background-color:#cccccc;}
a.selected-submenu { background-color:#ff0000; color:#cccccc;}

/*Generic*/
div {display:block;}
a img {border:none;}
a {color:#00b9ff; text-decoration:none; font-weight:normal; cursor:pointer;}
a:hover {color:#00b9ff; text-decoration:underline; font-weight:normal; cursor:pointer;}
.divCenter {position:relative; width:957px; z-index:1; margin:0 auto;}
.divGlobal {position:absolute; width:957px;  z-index:1; margin:0 auto; background:#ffffff; overflow:hidden;}



.rightCols a {color:#000000; font-weight:normal; text-decoration:none;}
.rightCols a:hover {color:#939598; font-weight:normal; text-decoration:none;}

a.more { background:url(../../Resources/images/common/icon/list-arrow.png) left 2px no-repeat; color:#000000; font-weight:bold; padding:0 0 0 12px; text-decoration:none; }
a.more:hover { color:#939598; font-weight:bold; text-decoration:none;}

.conference a {font-weight:normal;}
.conference a:hover {font-weight:normal;}

/* In-content formatting */
p.olist {padding-left:10px;}
p.olist span {}
p.olist span.sublist {padding-left:15px;}

/*Top Nav Section*/
.divNav {position:relative; background-color:#000; padding:0 10px; width:938px; float:left;}
.divNav a {color:#fff;}

/*Logo Sommet du millenaire*/
.logo { position:relative; float:left; margin:10px 0 10px 0; }

/*Top Navigation*/
.topNav {position:relative; float:right; top:0; margin:0;}
.topNav ul {display:block; margin:0; padding:0 10px 0 0; float:left; list-style:none;}
.topNav li {display:block; margin:0 0px 0 15px; padding:12px 0 0 0px; float:left;}
.topNav li.last {margin-right:0px;}
.topNav a {font-size:9px; font-weight:normal; text-transform:uppercase; text-decoration:none; }
.topNav a:hover {color:#666666; font-weight:normal; text-decoration:none;}
.topNav .active {color:#ffffff;}

/*Main Navigation*/
.mainNav {width:100%; float:left; clear:left; margin:0; padding:0; background-color:#000;}
.mainNav img {margin:0; padding-top:4px;}
.mainNav a {float:left; font-size:36px; font-weight:bold; text-transform:uppercase; margin-right:40px;}
.mainNav a.last {float:right;margin-right:0px;}
.mainNav a:hover {text-decoration:none;}
.mainNav a.selected{/*color:#F72C31;*/} 

.mainNav {margin-top:30px !important;height:50px;padding-bottom:10px !important;margin-left:-10px !important; display:inline; width:957px !important;}
.mainNav a {margin:0 !important;padding:0 !important;height:50px;position:relative;overflow:hidden;}
.mainNav a img {margin-top:-55px;}
.mainNav a.selected img,
.mainNav a:hover img {margin-top:-5px;}

/*Bannière*/
.banner {clear:left; float:left;position:relative;}
.banner .img{padding:0; margin:0;}
.banner .image {position:relative; width:957px; z-index:1; padding:0; margin:0; font-size:0px;background-color:#000; }
.home.banner .image {height:248px;}
.home.banner .image img {display:none;position:absolute;top:0px;left:0px;}
.banner .sep { position:relative; height:9px; width:957px; background:#F72C31; z-index:3; margin:0; padding:0;}
.banner .imgNav {position:absolute; bottom:0px; left:0px; z-index:2; margin:0; padding:0; width:100%; background-color:#000; height:30px;}
.banner .imgNav .tab {cursor:pointer;position:relative;display:block;line-height:30px;height:30px;float:left;width:99px;padding:0 0 0 20px;color:#939598; text-transform:uppercase;}
.banner .imgNav .tab a {color:#939598;}
.banner .imgNav .tab .over {z-index:5;padding:10px;line-height:16px;font-size:16px;position:absolute;display:none;background-color:#000;bottom:0px;left:5px;}
.banner .imgNav .tab.last .over {left:auto;right:5px;width:108px;}
.banner .imgNav .tab .over .title {display:block;}
.banner .imgNav .tab .over .subtitle {}
.banner .imgNav .tab:hover {text-decoration:none;}
.banner .imgNav .tab:hover .over {display:block;}
.banner .imgNav .active {}

/*Content .colsDefault*/
.colsDefault { position:relative; float:left; }
.colsDefault .leftCols {position:relative; float:left; width:214px; margin:0; text-align:left;}
.colsDefault .leftCols .content {position:relative; float:left; width:164px; min-height:700px; margin:10px 15px 0 15px; padding:10px; text-align:left;}

.colsDefault .centerCols {position:relative; float:left; width:528px; min-height:650px; }
.colsDefault .centerCols .content {position:relative; float:left; width:487px; padding:20px 20px 150px 20px; }
.colsDefault .centerCols .content.conference h2 {line-height:14px; text-transform:uppercase; padding-bottom:2px}

.colsDefault .rightCols {position:relative; float:left; width:210px;}
.colsDefault .rightCols .content {position:relative; float:left; width:185px; margin:17px 0 0 10px;}
.colsDefault .rightCols .getpdf {width:180px; border:none; margin:16px 0 0 10px; padding:0 0 0 10px; background:none;}
.colsDefault .rightCols .getpdf a{font-weight:normal;}

/*Content colsFull - No RightCols*/
.colsFull .leftCols {position:relative; float:left; width:214px; margin:0; text-align:left;}
.colsFull .leftCols .content {position:relative; float:left; width:164px; min-height:700px; margin:10px 15px 0 15px; padding:10px; text-align:left;}

.colsFull .centerCols {position:relative; float:left; width:737px; min-height:650px; border-left:1px solid #d5d5d5;}
.colsFull .centerCols .content {position:relative; float:left; width:702px; padding:20px 15px 150px 20px;}

.colsFull .rightCols {display:none;}

/*Content colsHome*/
.colsHome .leftCols {position:relative; float:left; width:200px; min-height:700px; padding-top:20px;}
.colsHome .leftCols .content {position:relative; float:left; width:160px; padding:20px 20px 20px 20px; text-align:left;}
.colsHome .leftCols .content p {padding-bottom:20px;}
.colsHome .centerCols {position:relative; float:left; width:537px; min-height:650px; }
.colsHome .centerCols .content {position:relative; float:left; width:460px; padding:20px 20px 150px 20px;}
.colsHome .centerCols .content h2 {line-height:14px;text-transform:uppercase;}
.colsHome .rightCols {position:relative; float:left; width:220px; min-height:650px; }
.colsHome .rightCols .content {position:relative; float:left; width:180px; padding:20px 20px 0px 20px;}
.colsHome .rightCols .content p {padding-bottom:20px;}
/*Left Navigation*/
.leftNav {margin:0; padding:12px 0 0 15px; text-align:left; font-family:Arial, Sans-Serif; font-weight:bold;}
.leftNav ul { list-style-type:none; margin:0 0 50px; padding:0; position:relative;}
.leftNav li { background:url(../../Resources/images/common/icon/list-arrow.png) left 10px no-repeat; line-height:11px; margin:0; padding:8px 0 0 12px; position:relative;}
.leftNav a { color:#000; display:block; font-size:11px; font-weight:bold;line-height:11px; text-transform:uppercase;}
.leftNav a:hover { color:#939598; font-weight:bold; text-decoration:none; }
.leftNav .active { color:#939598;}

/*Breadcrumb*/
.breadcrumb {font-size:12px; height:21px; position:relative; float:left; width:948px; background:#000; padding:0 0 0 10px;}
.breadcrumb ul {display:block; margin:0; padding:0; float:left; list-style:none;}
.breadcrumb li {color:#fff; display:block; font-size:10px; line-height:21px; margin:0; float:left;}
.breadcrumb li.sep {padding:0 13px;}
.breadcrumb a { color:#ffffff; display:block; margin:0; padding:0; margin-right:1px;}
.breadcrumb a:hover {color:#666666; text-decoration:none;}
.breadcrumb .selected{color:#ffffff;}

/*Content*/
.content h1, .content h2, .content h3, .content h4 {color:#000; margin:0; font-family:Helvetica, Arial, sans-serif; }
.content h1 {padding-bottom:15px;  font-size:20px; font-weight:bold; line-height:18px; text-transform:uppercase;}
.content h2 {padding-bottom:15px; font-size:15px; font-weight:bold; line-height:16px;}
.content h3 {padding-bottom:15px; font-size:13px; font-weight:bold;}
.content h4 {padding-bottom:5px; padding-top:10px; font-size:12px; font-weight:bold;}

.leftCols .content h2 { line-height:14px; padding-bottom:2px; text-transform:uppercase; }
.rightCols .content h2 { line-height:14px; padding-bottom:2px; text-transform:uppercase; }
.date {font-weight:bold; text-transform:lowercase;}
.content p {line-height:16px; margin:0; padding-bottom:15px;}
.content ul {margin:0; padding:0 0 15px 16px; list-style-type:square; list-style-image:url(../../Resources/images/common/btn/arrow_rgt_sml.gif);}
.content ol {margin:0; padding:0 0 15px 15px;}
.content ul ul, .content ul ol {padding-bottom:5px;}
.content ol ul, .content ol ol {padding-bottom:5px;}
.content li {margin:0; padding:0; padding-bottom:2px;}

/*Content Personalized*/
.content .imgIconGoal {float:left; margin-left:10px; margin-bottom:10px;}
.content p.subtitle {padding-bottom:5px;}
/*.content .facebook   {margin:0 0 5px 0; padding:0;}
.content .facebook a {padding-left:20px; background:url(../../Resources/images/common/icon/facebook.gif) left center no-repeat;}
.content .youtube    {margin:0 0 5px 0; padding:0;}
.content .youtube a  {padding-left:20px; background:url(../../Resources/images/common/icon/youtube.gif) left center no-repeat;}*/
.colsHome .centerCols .content .nouvelles {margin-bottom:20px;}

.content .people {position:relative; float:left; width:100%; clear:both; margin-bottom:15px;}
.content .people .img {float:left; margin-right:10px; border:1px solid #d5d5d5; width:100px; height:100px; }
.content .people .name {margin:0; padding:0; font-weight:bold;}
.content .people h2.name {font-weight:normal;}
.content .people .title{margin:0; padding:0;}
.content .people .type {margin:0; padding:0;}
.content .people .info {margin:0; padding:0;}
.content .people .link {margin:0; padding:0;}
.content .people .date {margin:0; padding:15px 0 0 0;}

.content .activity {position:relative; float:left; width:100%; clear:both; margin-bottom:15px;}
.content .activity .img {float:left; margin-right:10px; border:1px solid #d5d5d5; width:150px; height:120px; }
.content .activity .date {margin:0; padding:0;}
.content .activity .title{margin:0; padding:0; font-weight:bold;}
.content .activity h3.title{margin:0; padding:0; font-weight:normal;}
.content .activity .summary {margin:0; padding:0;}
.content .activity .link {margin:15px 0 0 0; padding:0;}
.content .activity .diapo {margin:15px 0 0 0; padding:0;}

.content .press {position:relative; float:left; width:100%; clear:both; margin-bottom:15px;}
.content .press .date {margin:0; padding:0;}
.content .press .title {margin:0; padding:0; font-weight:bold;}
.content .press .summary {margin:0; padding:0;}
.content .press .source {margin:0; padding:0;}

.content .video {position:relative; float:left; width:330px; margin:0 15px 15px 0;}
.content .video img {float:left; margin-right:10px; width:150px; }
.content .video .title {margin:0; padding:0; font-weight:bold;}
.content .video .duration {margin:0; padding:0;}
.content .video .date {margin:15px 0 0 0; padding:0;}

.content .retroVideo {position:relative; float:left; width:150px; margin:0 15px 0 0;}
.content .retroVideo img {width:150px;}
.content .retroVideo .title {margin:0; padding:0; font-weight:bold;}

.content .retroPhoto {position:relative; float:left; width:100px; margin:0 15px 0 0;}
.content .retroPhoto img {width:100px;}

.content .partners {position:relative; float:left; width:170px; margin:0px 20px 0px 20px;}
.content .quebec {width:100%;}
.content .partners img {/*width:150px; height:75px;*/ background:#d5d5d5;}

.content .tbContact {width:100%;}
.content .tbContact td {padding:0 20px 15px 0; vertical-align:top;}

.content .left {float:left;}
.content .right {float:right;}
.content .half{width:50%;float:left;}
.content .clear {display:block; clear:both; width:100%;}

.content .active {color:#F72C31;}
.content .previousPara {padding-top:20px;}
.content .previous {padding-left:12px; background:url(../../Resources/Images/common/btn/arrow_lft_lrg.gif) left center no-repeat;}
.content .link {padding-left:12px; display:inline-block; background:url(../../Resources/Images/common/btn/arrow_rgt_lrg.gif) left center no-repeat;}
.content .next {padding-right:12px; background:url(../../Resources/images/common/btn/arrow_rgt_lrg.gif) right center no-repeat;}
.content .ico {margin-left:5px;vertical-align:middle;}
.content .action {padding-right:12px; background:url(../../Resources/images/common/btn/arrow_rgt_lrg.gif) right center no-repeat;}
.content .pdf {padding-right:22px; background:url(../../Resources/images/common/icon/ico_pdf.gif) right center no-repeat;}
.content .html {padding-right:22px; background:url(../../Resources/images/common/icon/ico_html.gif) right center no-repeat;}
.content .doc {padding-right:22px; background:url(../../Resources/images/common/icon/ico_doc.gif) right center no-repeat;}
.content .jpg {padding-right:22px; background:url(../../Resources/images/common/icon/ico_jpg.gif) right center no-repeat;}
.content .facebook {padding-left:20px; background:url(../../Resources/images/common/icon/facebook.gif) left center no-repeat; line-height:21px;}
.content .youtube  {padding-left:20px; background:url(../../Resources/images/common/icon/youtube.gif) left center no-repeat; line-height:21px;}

/*Form*/
.content .validator{display:inline-block;width:100%;padding:0;margin:5px 0;}
.content .divMailingList{width:300px;}
.content .divMailingList input[type=text]{width:200px;margin:0; padding:0px;}
.content .divMailingList select{width:200px;margin:0; padding:0px;}
.content .divMailingList span{display:inline-block;width:95px;margin:0;padding:0px;}
.content .divMailingList .autospace{margin:5px 0;padding:0px;}
.content .divMailingList span.checkbox {width:auto; margin:0 1px;}
.content .divMailingList span.checkbox input{display:inline-block;margin:0px;border:none;}
.content .divMailingList span.checkbox label{display:inline-block;margin:0px 3px;}

.content .tbFormMailingList {/*Empty*/}
.content .tbFormMailingList td {padding:0 20px 5px 0; vertical-align:top;}

.content .tbFormAccredidation {/*Empty*/}
.content .tbFormAccredidation td {padding:0 20px 5px 0; vertical-align:top;}
.content .tbFormAccredidation .field {width:200px;}
.content .tbFormAccredidation .select {width:203px;}

.error {color:#F72C31;}
.btn {border:none;}
.checkbox {border:none;}

input {color:#677881; font-size:10px; border:#d5d5d5 1px solid; margin:10px 0;}
select {color:#677881; font-size:10px; border:#d5d5d5 1px solid;}

/*Popup*/
.popupError {position:absolute; top:70px; left:70px; width:350px;  background:#ffffff url(../../Resources/images/common/background/bg_popup.gif) top left repeat-x; border:#e5e5e5 1px solid; z-index:100px; filter: alpha(opacity=92); -moz-opacity:0.92; }
.popupError .msg {padding:40px; filter: alpha(opacity=100); -moz-opacity:1;}

/*Footer*/
.footer {color:#fff; float:left; clear:both; width:100%; margin:0; padding:15px 0px 0px 0px; background:#000;}
.footer .labels {float:left;border-bottom:1px solid #434545;padding:0px 15px 10px 15px; width:937px;}
.footer .labels span {display:block;float:left;}
.footer .labels .label1 {width:200px;}
.footer .labels .label2 {width:180px;}
.footer .labels .label3 {}
.footer .logos {float:left;clear:left;padding:10px 15px;width:937px;border-bottom:1px solid #434545;}
.footer .logos a {display:block;float:left;}
.footer .logos .logo1 {width:200px;}
.footer .logos .logo2 {width:180px;}
.footer .logos .logo3 {/*width:80px;*/ margin-right:15px;}
.footer .legal {float:left;padding:10px 15px;}
.footer .legal span,
.footer .labels a,
.footer .legal a {display:block;float:left;padding-right:15px;color:#fff;}
.footer .labels a:hover,
.footer .legal a:hover {color:#fff;}

/*FEED ONU*/
div#UnRssContainer p { font-weight:bold; padding-bottom:2px;}
div#UnRssContainer a { font-weight:normal;}

a.logo-onu-fr { color:#ffffff; font-weight:bold; text-decoration:none;background:#000000 url(../../Resources/images/fr-CA/logo-onu.gif) 0 0 no-repeat; border-bottom:1px solid #cccccc; display:block; padding-left:95px; height:45px; margin-top:10px; margin-bottom:1px; padding-top:30px;}
a.logo-wfp-fr { color:#ffffff; font-weight:bold; text-decoration:none;background:#000000 url(../../Resources/images/fr-CA/logo-wfp.gif) 0 0 no-repeat; border-bottom:1px solid #cccccc; display:block;padding-left:95px; height:60px; margin-bottom:1px; padding-top:15px;}
a.logo-2015-fr { color:#ffffff; font-weight:bold; text-decoration:none;background:#000000 url(../../Resources/images/fr-CA/logo-2015.gif) 0 0 no-repeat; border-bottom:1px solid #cccccc; display:block;padding-left:95px; height:55px; margin-bottom:1px; padding-top:20px;}


a.logo-onu-fr:hover { color:#939598; font-weight:bold; text-decoration:none;}
a.logo-wfp-fr:hover { color:#939598; font-weight:bold; text-decoration:none;}
a.logo-2015-fr:hover { color:#939598; font-weight:bold; text-decoration:none;}

a.logo-onu-en { color:#ffffff; font-weight:bold; text-decoration:none;background:#000000 url(../../Resources/images/en-CA/logo-onu.gif) 0 0 no-repeat; border-bottom:1px solid #cccccc; display:block; padding-left:95px; height:45px; margin-top:10px; margin-bottom:1px; padding-top:30px;}
a.logo-wfp-en { color:#ffffff; font-weight:bold; text-decoration:none;background:#000000 url(../../Resources/images/en-CA/logo-wfp.gif) 0 0 no-repeat; border-bottom:1px solid #cccccc; display:block;padding-left:95px; height:51px; margin-bottom:1px; padding-top:24px;}
a.logo-2015-en { color:#ffffff; font-weight:bold; text-decoration:none;background:#000000 url(../../Resources/images/en-CA/logo-2015.gif) 0 0 no-repeat; border-bottom:1px solid #cccccc; display:block;padding-left:95px; height:62px; margin-bottom:1px; padding-top:13px;}


a.logo-onu-en:hover { color:#939598; font-weight:bold; text-decoration:none;}
a.logo-wfp-en:hover { color:#939598; font-weight:bold; text-decoration:none;}
a.logo-2015-en:hover { color:#939598; font-weight:bold; text-decoration:none;}