@font-face{
 font-family: "myfont";
 src: url(http://www.thedidierdrogbafoundation.com/includes/cobrand/fonts/helvenmc.eot); /* EOT file for IE */
}
@font-face{
  font-family: "myfont";
  src: url(http://www.thedidierdrogbafoundation.com/includes/cobrand/fonts/helvenmc.otf);
}

body{ background: #CBCAC4 url(/includes/cobrand/img/bg-page.png) repeat-x top left; }

/* CLASS GLOBAL
----------------------------------------------------------------------*/
.fl{ float: left; }
.fr{ float: right; }
img.fl{ margin-right: 20px; }
img.fr{ margin-left: 20px; }

/* MAIN
----------------------------------------------------------------------*/
#langages{
	width: 980px; margin: 5px auto;
	overflow: auto;
}
#langages li{ display: inline }
#langages li a{ float: left; }
.flag{
	background-image: url(/includes/cobrand/img/picto-flag.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.french{
	background-position: -30px 0;
}

#overall{
	width: 980px; margin: 0 auto;
	border-right: 5px solid #FFF;
	padding: 4px 0 5px 5px;
	background: #FFF url(/includes/cobrand/img/bg-main.png) no-repeat 0 0;
	font-size: 1.2em;
}

/* HEADER
----------------------------------------------------------------------*/
#header{
	height: 270px;
	background: url(/includes/cobrand/img/bg-header.png) no-repeat right top;
	position: relative;
}
h1{
	padding: 75px 0 0 0;
	font-size: 1.5em; font-family: "myfont", Helvetica; font-weight: normal; color: #FFF;
	position: relative; z-index: 2;
}
#header p{
	padding: 20px 0 0 0;
	font-size: 1em; line-height: 1.1em; font-family: Arial,sans-serif;
	position: relative; z-index: 2;
}
.ddLogo{
	display: block;
	margin: 26px 20px 0 34px;
	float: left; width: 137px; height: 136px;
	position: relative; z-index: 3;
}
#nav{
	width: 607px; height: 42px;
	position: absolute; bottom: 0; left: 0; z-index: 1;
	padding-top: 102px;
	background: url(/includes/cobrand/img/bg-nav-2.png) no-repeat right bottom;
}
#nav li{
	float: left;
	width: 123px;
}
#nav li.first{ width: 114px; } 
#nav li a{
	display: block;
	padding: 18px 0 12px; font-size: 1em; font-weight: bold; color: #FFF; font-family: "myfont", Helvetica;
	position: relative; z-index: 2;
	text-align: center;
}
.faireDon{
	display: block;
	width: 93px; height: 119px;
	padding: 91px 34px 0 205px;
	position: absolute; bottom: 0; right: 15px; z-index: 2;
	background: url(/includes/cobrand/img/bg-faire-don.png) no-repeat 0 0;
	font-size: 1.2em; line-height: 1.4em; font-family: "myfont", Helvetica;
}
.faireDon em{
	font-style: normal; color: #FFF;
}
.faireDon em strong{
	font-size: 1.6em; color: #FFF;
}
.faireDon span{
	display: block;
	padding: 20px 0 0 55px;
	text-align: center;
	color: #000; font-size: 0.9em; line-height: normal;
}

/* Lanfing page */
div.ddLogo{
	width: 238px; height: 267px;
	position: absolute;
	top: 50%; margin-top: -133px;
	left: 50%; margin-left: -119px;
	
}
.asap{
	padding: 15px 0;
}

/* MAIN
----------------------------------------------------------------------*/
#main{
	padding: 0 0 10px;
	overflow: auto;
}
/* content */
#content{
	width: 540px;
	padding: 40px;
	border-right: 1px solid #e3e3e3;
	float: left;
}
#content .node{
	margin-bottom: 30px;
}
#content .node h2{
	font-size: 2em; font-weight: lighter; font-family: "myfont", Helvetica; line-height: 2em;
}
#content .node h3{
	font-size: 1.5em; font-weight: lighter; font-family: "myfont", Helvetica; line-height: 1em; padding: 12px 0;
}
h2 span{
	color: #C42;
}
p,
.missions li{
	text-align: justify;
	font-size: 1.1em; line-height: 1.2em;
	padding: 5px 0;
}
#content #motPresident p{
	padding-right: 300px;
}
#content .node p.sign{ text-align: right; margin-top: 10px; }
#content .node p.sign strong{ display: block; }


/* DON */
.don h3{
	font: 1.4em/1.4em "myfont", Helvetica; text-decoration: underline;
}
.don h4{
	font: 1.2em/1.4em "myfont", Helvetica; text-decoration: underline;
}
.don ul{ margin-bottom: 15px; }
.don li.first{
	padding: 4px 0;
	font-size: 1.1em; font-weight: bold;
}
.don li{
	padding: 2px 0;
}
.compteEurope{
	width: 50%;
	float: left;
}
.organigramme li{
	padding: 8px 0 7px; line-height: 1.2em;
}

/* fifth */
#fifth{
	float: right;
	width: 330px;
	padding-left: 14px; padding-top: 10px;
	margin-right: 15px; margin-left: -1px;
	border-left: 1px solid #e3e3e3;
	background: transparent url(/includes/cobrand/img/sprite-fifth.png) no-repeat right top;
}
#fifth .node{
	background: transparent url(/includes/cobrand/img/sprite-fifth.png) no-repeat left bottom;
	overflow: hidden;
	padding: 0 0 20px;
}
#fifth h2{
	font: lighter 1.2em/2.2em "myfont", Helvetica; color: #84a656;
}
#fifth h2 a{ color: #84a656; }
#fifth .highlight h2{
	color: #51322E;
}
#fifth p{
	padding: 10px 0;
	font-size: 1em;
	text-align: left;
}
#fifth p a{ color: #1f2f22; }
#fifth .highlight p a{ color: #51322E; }

/* GALLERY
----------------------------------------------------------------------*/
#galerie-gala{ margin-top: 20px; }	
.gallery {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #CCC;
	clear:both;
	padding:15px 0; margin-bottom:20px;
	position:relative;
}
.slider {
	margin:0 auto;
	overflow:hidden;
	width:423px;
}
.gallery ul {
	overflow:hidden;
	width:3000px;
}
.gallery li {
	float:left;
	height:91px;
	text-align:center;
	width:141px;
}
.gallery img {
	width:135px;
}
.gallery span {
	border:15px solid #FFFFFF;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	position:absolute;
	top:46px;
	width:0;
}
.gallery .left {
	border-left:0 none;
	border-right-color:#AAAAAA;
	cursor:w-resize;
	left:20px;
}
.gallery .right {
	border-left-color:#AAAAAA;
	border-right:0 none;
	cursor:e-resize;
	right:20px;
}
.gallery-photo .copyright{
	text-align: right;
	color: #999;
	font-size: 10px;
}

/* FOOTER
----------------------------------------------------------------------*/
#footer{
	padding: 5px 0;
	border-top: 1px solid #E3E3E3;
	clear: both;
}
#footer p{
	text-align: right;
	color: #999;
}