/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

html, body {margin: 0; padding:0; height: 100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(content/design/images/bg.gif) repeat;
	min-height: 100%; 
	height: 100%;
}

table {font-size: 12px;}

h2 {font-size: 20px; font-weight: normal; text-transform: uppercase; background-image:url(content/design/images/heading_bg.gif);  background-repeat:repeat-x; background-position: 0 8px;}

h2.nostyle {text-transform: none;}

h3 {font-size: 20px; color: #000; font-weight: normal;}

h2 span {background-color: #fff; padding: 0 6px 0 0;}
h4 {font-size: 14px; color: #272727;}

#top {
	width: 100%;
	height: 316px;
	background-color: #0039a6;
	position: absolute;
	left:0;
}

#main {
	width: 1032px;
	margin: 0 auto 0 auto;
	position:relative;
	background-image:url(content/design/images/main_bg.png);
	background-repeat:repeat-y;
	min-height: 100%;
	height:auto !important;
	height: 100%;
	overflow: hidden !important;
}

#content {
	padding: 10px 57px 20px; 57px;
	position: relative;
}

a {text-decoration: none; color:#0039a6;}

a img {border: none;}

#logo {width: 920px; height: 94px; background-image:url(content/design/images/logo.gif); background-repeat: no-repeat; margin: 0 0 20px 0;}
#logo a {display: block; height: 72px;}

ul#menu {list-style: none; margin:0; padding:0;}
ul#menu li {float: left; height: 24px}
ul#menu li.about {background-image:url(content/design/images/btn_about.gif); width:163px;}
ul#menu li.about.active, ul#menu li.about:hover {background-image:url(content/design/images/btn_about_active.gif); width:163px;}
ul#menu li.services {background-image:url(content/design/images/btn_services.gif); width: 144px;}
ul#menu li.services.active, ul#menu li.services:hover {background-image:url(content/design/images/btn_services_active.gif); width: 144px;}
ul#menu li.projects {background-image:url(content/design/images/btn_projects.gif); width: 119px;}
ul#menu li.projects.active, ul#menu li.projects:hover {background-image:url(content/design/images/btn_projects_active.gif); width: 119px;}
ul#menu li.location {background-image:url(content/design/images/btn_projects.gif); width: 119px;}
ul#menu li.location.active, ul#menu li.projects:hover {background-image:url(content/design/images/btn_projects_active.gif); width: 119px;}
ul#menu li.jobs {background-image:url(content/design/images/btn_jobs.gif); width: 165px;}
ul#menu li.jobs.active, ul#menu li.jobs:hover {background-image:url(content/design/images/btn_jobs_active.gif); width: 165px;}
ul#menu li.contact {margin: 0 0 0 15px;}
ul#menu li.contact a {color: #0039a6;}
ul#menu li a {display: block; text-align: center; padding:5px 0 5px 0; text-transform:uppercase; color:#fff; text-decoration: none;}

#banner {width: 921px; height:277px; background-repeat: no-repeat; position: relative;}

#image_mask {position: absolute; top: 0; z-index:20;}

#banner_wrap {
	position:relative;
    height:260px;
	width:921px;
	background-repeat: no-repeat;
}

#banner_wrap img {
	position:absolute;
    top:0;
    left:0;
    z-index:8;	
}

#banner_wrap img.active {
    z-index:10;	
}

#banner_wrap img.last-active {
    z-index:9;
}

ul#thumbnails {list-style: none; padding:0; margin:-40px auto 0 auto; width: 635px; position: relative; z-index: 20;}
ul#thumbnails li  {width: 158px; height: 78px; float: left; background-image: url(content/design/images/thumb_frame.png);}
ul#thumbnails li img {margin: 11px 0 0 11px; }

#langs {position: absolute; list-style: none; right:57px; margin:5px 0 0 0;}
#langs li {float: left; }
#langs li a {padding: 3px 5px;}

#text {margin: 20px 0 20px 0;}

#left {width: 450px; float: left;}
#right {width: 450px; float: right;}

#sidebar {width: 150px; float: left; margin: 0 30px 0 0 ;}
#normal {width: 490px; float: left;}
#wide {width: 720px; float: left;}
#normal h2, #normal h3, #wide h2, #wide h3 {margin-top: 0;}

#rightbar {width: 210px; float: right;}

#sidebar .nav {
	padding:0;
	margin:0;
	background-color: #0039a6;
	list-style: none;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
#sidebar .nav li {
	 /*-moz-border-image: url("content/design/images/nav_border.gif") 0 0 2 0 repeat;
	  -webkit-border-image: url("content/design/images/nav_border.gif") 0 0 2 0 repeat;
	 border-image: url("content/design/images/nav_border.gif") 0 0 2 0 repeat;*/
	 border-top: 1px solid #1a5fa3;
	 border-bottom: 1px solid #06192c;
}

#sidebar .nav li:first-child {border-top: none;}
#sidebar .nav li:last-child {border-bottom: none;}

#sidebar .nav li a {color: #fff; display: block; padding: 5px 10px;}


#sidebar .nav li ul {padding: 0 0 0 15px; margin:0;}
#sidebar .nav li ul li {border: none; list-style: none; padding: 0 0 0 0; margin: 0 0 0px 0;}
#sidebar .nav li ul li a {font-size: 9px; padding: 3px;}
#sidebar .nav li ul li a:hover, #sidebar .nav li ul li a.active {background-color: #585858;}

#sidebar .nav li.active {background-color: #777777; }

#sidebar .nav li:last-child.active {
	background-color: #777777; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#sidebar .nav li:first-child.active {
	background-color: #777777; 
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.carousel {position: relative;}
.mycarousel li {padding: 5px; border:1px solid #c2c2c2; margin: 0 5px 0 5px ;}
#gallery {width: 916px; margin: 0 0 0 -180px;}

#gallery_btns {width: 166px; margin: 0 auto 0 auto;}

#gallery_btns .middle {width: 100px; float: left;}
#gallery_btns .left, #gallery_btns .right {width: 33px; float: left;}

#img_wrap {height: 600px; display: none;}
#display_image {position: relative; text-align: center; margin: 0 0 20px 0; display: none; }

#gallery_nav {width: 921px; height:33px; background-image:url(content/design/images/gallery_nav.gif); margin: 20px 0 0 0;}

#contact_map {width: 525px; height: 400px; padding:5px; border: 1px solid #d2d2d2;}

#footer {text-align: center;}

.dotseparator {height: 11px; background-image:url(content/design/images/heading_bg.gif); background-repeat:repeat-x; margin:0px 0 10px 0;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.caption {position: absolute; bottom: 3px; padding: 5px 5px; color: #fff; background-image:url(content/design/images/caption_bg.png); display:block; font-weight: bold;}
.miniseparator {background-image:url(content/design/images/miniseparator.gif); height:3px; background-repeat: repeat-x;}
.largetext, .largetext table {font-size: 14px; line-height: 20px;}
.absolute {position: absolute;}
.relative {position: relative; display: inline-block;}
.centered {margin: 0 auto 0 auto; height: 600px;}
.copy {position: absolute; right:65px;}
.clear {clear: both;}



#background{background:url(content/design/map/plan-vierge.png) no-repeat; width:720px; height:421px; }

        .cicg {
          position: absolute;
          top: 471px;
          left: 586px;
        }

        .cicg div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 125px;
          width: 75px;
        }

		.uit-itu {
          position: absolute;
          top: 395px;
          left: 554px;
        }

        .uit-itu div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 65px;
          width: 76px;
        }
		
		.palaisdesnations {
          position: absolute;
          top: 297px;
          left: 648px;
        }

        .palaisdesnations div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 108px;
          width: 100px;
        }
		
		.cci-itc {
          position: absolute;
          top: 445px;
          left: 804px;
        }

        .cci-itc div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 32px;
          width: 44px;
        }
		
		.hcr-unhcr {
          position: absolute;
          top: 396px;
          left: 743px;
        }

        .hcr-unhcr div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 43px;
          width: 45px;
        }

        .maison-paix {
          position: absolute;
          top: 366px;
          left: 770px;
        }

        .maison-paix div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 40px;
          width: 25px;
        }
		
		.omm-wmo {
          position: absolute;
          top: 343px;
          left: 781px;
        }

        .omm-wmo div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 33px;
          width: 37px;
        }
		
		.mie1-ieh1 {
          position: absolute;
          top: 425px;
          left: 240px;
        }

        .mie1-ieh1 div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 36px;
          width: 37px;
        }
		
		.mie2-ieh2 {
          position: absolute;
          top: 425px;
          left: 275px;
        }

        .mie2-ieh2 div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 23px;
          width: 29px;
        }
		
		.fiscr {
          position: absolute;
          top: 411px;
          left: 358px;
        }

        .fiscr div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 27px;
          width: 32px;
        }
		
		.palais-wilson {
          position: absolute;
          top: 433px;
          left: 912px;
        }

        .palais-wilson div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 42px;
          width: 60px;
        }

    .wef {
      position: absolute;
      top: 523px;
      left: 920px;
    }
		
		.omc-wto {
          position: absolute;
          top: 324px;
          left: 842px;
        }

        .omc-wto div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 23px;
          width: 38px;
        }
		
		.swr {
          position: absolute;
          top: 312px;
          left: 800px;
        }

        .swr div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 31px;
          width: 40px;
        }
		
		.ompi-wipo {
          position: absolute;
          top: 367px;
          left: 492px;
        }

    .ompi-wipo div {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      height: 107px;
      width: 115px;
    }
		
    .feuillantines {
          position: absolute;
          top: 354px;
          left: 540px;
          z-index: 100;
        }

    .feuillantines div {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      height: 70px;
      width: 28px;
    }

    
		.uip-ipu {
          position: absolute;
          top: 345px;
          left: 360px;
        }

        .uip-ipu div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 35px;
          width: 21px;
        }
		
		.unicef{
          position: absolute;
          top: 350px;
          left: 819px;
        }

        .unicef div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 35px;
          width: 21px;
        }
		
		.oit-ilo{
          position: absolute;
          top: 301px;
          left: 466px;
        }

        .oit-ilo div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 40px;
          width: 18px;
        }
		
		.hei{
          position: absolute;
          top: 355px;
          left: 886px;
        }

        .hei div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 20px;
          width: 23px;
        }
		
		.iso{
          position: absolute;
          top: 432px;
          left: 834px;
        }

        .iso div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 19px;
          width: 25px;
        }
		
		.ccviav-missionsuisse-fipoi{
          position: absolute;
          top: 450px;
          left: 671px;
        }

        .ccviav-missionsuisse-fipoi div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 60px;
          width: 39px;
        }

        .ext-aiv{
              position: absolute;
              top: 423px;
              left: 698px;
            }

            .ext-aiv div {
              position: absolute;
              top: 0;
              left: 0;
              display: none;
              height: 30px;
              width: 32px;
            }
		
		.fond_mondial{
          position: absolute;
          top: 315px;
          left: 397px;
        }

        .fond_mondial div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 43px;
          width: 89px;
        }
		
		.uer-ebu{
          position: absolute;
          top: 301px;
          left: 440px;
        }

        .uer-ebu div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 16px;
          width: 34px;
        }
		
		.cicr-icrc{
          position: absolute;
          top: 305px;
          left: 614px;
        }

        .cicr-icrc div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 23px;
          width: 39px;
        }


        .oms-ext{
              position: absolute;
              top: 290px;
              left: 630px;
            }

          .oms-ext div {
              position: absolute;
              top: 0;
              left: 0;
              display: none;
              height: 16px;
              width: 35px;
        }
        
		
		.oms-who{
          position: absolute;
          top: 285px;
          left: 600px;
        }

        .oms-who div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 29px;
          width: 48px;
        }
		
		.oms-onusida{
          position: absolute;
          top: 275px;
          left: 544px;
        }

        .oms-onusida div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 24px;
          width: 58px;
        }
		
		.oim-iom{
          position: absolute;
          top: 298px;
          left: 540px;
        }

        .oim-iom div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 18px;
          width: 29px;
        }
		
		.bie-ibe{
          position: absolute;
          top: 298px;
          left: 513px;
        }

        .bie-ibe div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 18px;
          width: 29px;
        }
		
		.wipo{
          position: absolute;
          top: 303px;
          left: 484px;
        }

        .wipo div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 18px;
          width: 29px;
        }
		
		.iaf{
          position: absolute;
          top: 391px;
          left: 800px;
        }

        .iaf div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 28px;
          width: 26px;
        }
		
		.ext_omc {
          position: absolute;
          top: 333px;
          left: 877px;
        }

        .ext_omc div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 23px;
          width: 38px;
        }
		
		.ppn {
          position: absolute;
          top: 425px;
          left: 665px;
        }

        .ppn div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 23px;
          width: 38px;
        }
		
		.cern {
          position: absolute;
          top: 375px;
          left: 240px;
        }

        .cern div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 9px;
          width: 35px;
        }
		
		.cicr {
          position: absolute;
          top: 355px;
          left: 240px;
        }

        .cicr div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 9px;
          width: 120px;
        }
		
		.uicn {
          position: absolute;
          top: 275px;
          left: 720px;
        }

        .uicn div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 19px;
          width: 19px;
        }
		
		.mandat_internat {
          position: absolute;
          top: 348px;
          left: 463px;
        }

        .mandat_internat div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 19px;
          width: 19px;
        }
		
		.coe-wcc {
          position: absolute;
          top: 325px;
          left: 452px;
        }

        .coe-wcc div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 19px;
          width: 19px;
        }


    .pastorale {
          position: absolute;
          top: 341px;
          left: 510px;
        }

        .pastorale div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 50px;
          width: 20px;
        }

dl {
  float: left;
  width: 520px;
  margin: 0 0 15px 0;
  padding: 0 0 0 20px;
  
}

dl.large dt {
  width: 110px;
}

dl.small dt {
  width: 80px;
}

dt {
  clear: left;
  float: left;
  margin: 0;
  width: 110px;
  padding: 2px 2px 2px 20px;
  font-weight: bold;
  background-image: url(content/design/images/bullet.png);
  background-repeat: no-repeat;
  background-position: 4px 3px;
}
  
dd {
  float: left;
  width: 300px;
  margin: 0;
  padding: 2px;
  
}

.frame {
  position: absolute;
}

#banner_realisation {
  height: 204px;
}

.message {
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	background-color: #133ba0;
	padding: 15px;
	margin: 5px 0 20px 0;
}

.message h3 {
	margin-top: 0;
	color: #fff;
	font-size: 15px;
}

.message p {
	font-size: 11px;
	line-height: 1.4em;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
and (orientation : landscape) { #main {margin-left: -15px; width: 1015px;} #top {width: 102%;}}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
and (orientation : portrait) { #main {margin-left: -25px; width: 1015px;} #right {width: 410px;}}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { #main {margin-left: -25px; width: 1015px;} #right {width: 410px;} }

/*#main {width: 1000px;}*/

.fancybox-type-iframe .fancybox-nav {
  width: 60px;
}

.fancybox-type-iframe .fancybox-nav span {
  visibility: visible;
  opacity: 0.5;
}

.fancybox-type-iframe .fancybox-nav:hover span {
  opacity: 1;
}

.fancybox-type-iframe .fancybox-next {
  right: -60px;
}

.fancybox-type-iframe .fancybox-prev {
  left: -60px;
}

/*		to be used in both front and ckeditor !!	*/

.orange {
  color:#FF9933;
}

h3 {
  color: #000;
}

h4 {
  color: #272727;
}