/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, #footer, #header, hgroup, keygen, meter, #nav, output, progress, #section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	/*background: url(../images/body-bg.gif) 0 0 repeat;*/
	background: #f2f2f2;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 13px; 
	line-height: 20px;
	color: #e5e5e5;
	min-width: 1000px;
}
html, body {height: 100%;}

@font-face {
    font-family: 'RomanSerifRegular';
    src: url('../fonts/romanserif-webfont.eot');
    src: url('../fonts/romanserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/romanserif-webfont.woff') format('woff'),
         url('../fonts/romanserif-webfont.ttf') format('truetype'),
         url('../fonts/romanserif-webfont.svg#RomanSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.top {padding-top: 8px;}
.top1 {padding-top: 13px;}
.top2 {padding-top: 0px;}
.top3 {padding-top: 0px;}
.top4 {padding-top: 22px;}
.top5 {padding-top: 39px;}

.bot {padding-bottom: 44px;}
.bot_1 {padding-bottom: 57px;}
.bot_2 {padding-bottom: 40px;}
.bot_3 {padding-bottom: 17px;}
.bot_4 {padding-bottom: 26px;}

.map {padding: 27px 0 2px 0;}
.img {padding: 22px 0 3px 0;}

a {color: #999999; outline: none;}
a:hover{text-decoration: underline;}

a.decoration {text-decoration: none;}
	a.decoration:hover {text-decoration: underline;}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 980px;
}

	/* Header */
	#header{
		position: relative;
		z-index:50;
		height: 170px;
		background: url(../images/header-bg.gif) top center no-repeat;
	}
	
	/* Content */
	div#content {
		position: relative;
		z-index:10;
		font-family: RomanSerifRegular, Helvetica, sans-serif;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
		letter-spacing:0.3px;		
	}			
	/* Footer */
	#footer{
		height: 106px;
	}
/* Left & Right alignment */

.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

.col-1, .col-2, .col-3, .col-4, .col-5 {float: left;}

.alignright {text-align: right;}
.aligncenter {text-align: center;}

.wrapper { 
	width: 100%;
	overflow: hidden;
}
.extra-container {
	width: 100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: RomanSerifRegular, Helvetica, sans-serif;
	vertical-align: middle;
	font-weight: normal;
}

/*----- other -----*/
.img-indent {margin: 0 20px 0 0; float: left;}
.img-indent1 {margin: 0 14px 0 0; float: left; padding: 14px 0 0;}
.extra-wrap {overflow: hidden;}

/*=============================================================================== text =====*/
h1 {
	padding: 10px 0 0px 0px;
	margin-left: -1px;
	position: relative;
	float: left;
}
	h1 a {
		display: block;
		height: 160px;
		width: 178px;
		text-indent: -5000px;
		/*background: url(../images/logo.png) left top no-repeat;*/
		background: url(../images/logo_ic_publications.png) left top no-repeat;
	}
h2 {
	font-size: 36px;
	font-weight:normal;
	line-height: 1.2em;
	color: #999999;
	padding: 6px 0px 5px 0px;
	text-transform: uppercase;
}
	h2 span {
		display: block;
		margin-top: -9px;
	}
	.h2-top {margin-top: -2px;}
	.h2-top1 {margin-top: 44px;}
h3 {
	font-family: RomanSerifRegular, Helvetica, sans-serif;
	font-weight:normal;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	font-size: 24px;
	line-height: 1.2em;
	color: #7E7E7E;
	padding: 1px 0px 0px 0px;
	margin: -6px 0 0 0;
	text-transform: uppercase;
}

.space {letter-spacing: -2px;}

.bg-tail-bottom {background: url(../images/bg-tail-bottom-bg.gif) bottom center no-repeat; padding-bottom: 4px; margin-bottom: 36px;}
.bg-tail {
	background: url(../images/bg-tail-bg.gif) top center repeat-y;
	width: 100%;
}

.colgreen {color: #ed2e3a;}

.grid_publication {
	font-size: 24px;
	line-height: 27px;
	color: #a8a393;
	padding-bottom:13px;
	width:100%;
}

.grid_publication p {
	font-size: 24px;
	line-height: 27px;
	color: #a8a393;
	padding-bottom:13px;
	padding-right:10px;
}

.grid_publication ul{
	list-style: outside disc;
	padding-left: 40px;
}

.grid_publication ul li{
	padding-bottom:10px;
	padding-left:10px;
}

.text {
	font-size: 24px;
	line-height: 27px;
	color: #a8a393;
	display: block;
	padding: 13px 0 0;
}

.text_titre {
	color: #ed2e3a;
}

.text_all_events {
	font-size: 24px;
	line-height: 27px;
	color: #a8a393;
	display: block;
	padding: 20px 40px 0 0;
	text-align:right;
}

.text_contact {
	font-size: 18px;
	display: block;
	padding: 2px 0 0;
}

#bloc_contact{
	width:320px;
	float:left;
}
.gree_color{
	color:#6f6e6c;
}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/
#nav {
	font-family: RomanSerifRegular, Helvetica, sans-serif;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	padding: 1px 0 0;
	float: right;
}

#topmenu {
	padding: 0;
	margin: 0;
	list-style: none;
}


#topmenu li.item1 {
	width: 86px;
}
#topmenu li.item2 {
	width: 130px;
}
#topmenu li.item3 {
	width: 175px;
}
#topmenu li.item4 {
	width: 124px;
}
#topmenu li.item5 {
	width: 113px;
}

#topmenu li.item43 {
	width: 134px;
}

#topmenu li {
	float: left;
	font-size: 18px;
	line-height: 1.2307em;
	padding-right: 1px;
	outline-style:none;
	padding: 0;
}

div.wrapper div.fr div#nav ul#topmenu > li.item5 {
	width: 160px;
}

#topmenu li:hover,
#topmenu li:hover a,
#topmenu li#current,
#topmenu li.active {
	color: #999;
	background: #ebebeb;
}

#topmenu li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 39px 0 40px 0;
	text-align:center;
	outline-style:none;
	margin: 0;
	border-right:1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

div.wrapper div.fr div#nav ul#topmenu > li.item5 > a {
	padding: 28px 0 29px 0;
}

#topmenu li ul {
	width:250px;
}
/******* style specific ******/
#topmenu li.item1 ul {
	float: left;
}
#topmenu li.item1 ul li a {
	text-align:left;
	padding-left:18px;
}

#topmenu li.item2 ul {
	float: left;
}
#topmenu li.item2 ul li a {
	text-align:left;
	padding-left:18px;
}

#topmenu li.item3 ul {
	float: left;
}
#topmenu li.item3 ul li a {
	text-align:left;
	padding-left:18px;
}

#topmenu li.item4 ul {
	float: left;
}
#topmenu li.item4 ul li a {
	text-align:left;
	padding-left:18px;
}

#topmenu li.item5 ul {
	float: left;
}
#topmenu li.item5 ul li a {
	text-align:left;
	padding-left:18px;
}

#topmenu li.item43 ul {
	float: right;
}
#topmenu li.item43 ul li a {
	text-align:right;
	padding-right:18px;
}

#topmenu li li {
	float:none;
	border-right:none;
	background-color: #e5e5e5;
	color: #FFFFFF;
}
#topmenu li li a {
	display: block;
	background-color: #e5e5e5;
	color: #999 !important;
	text-decoration: none;	
	margin: 0;
	padding-top:5px;
	padding-bottom:5px;
	border-right: none;
	border-left: none;
}

#topmenu li li.last a {
	
}

#topmenu li li#current,
#topmenu li li a:hover, 
#topmenu li li .active,
#topmenu li li.active,
#topmenu li li.active a {
	background: #e5e5e5;
	color: #666 !important;
}

/*=================================================================================================================== content =====*/
.blocks {
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}
.block {padding: 20px 0 2px;}
	.circle {
		background: #cfc6a5;
		border-radius: 24px;
		-moz-border-radius: 24px;
		-webkit-border-radius: 24px;
		position: relative;
		display: block;
		float: left;
		font-size: 25px;
		line-height: 1.2307em;
		color: white;
		width: 31px;
		height: 38px;
		padding: 4px 0px 0px 11px;
		margin: 5px 11px 0 0;
	}
	.overflow {
		overflow: hidden;
		display: inline-block;
		width: 537px;
	}
		.overflow strong {
			display: block;
			color: #cfc6a5;
		}
.bg_1 .circle {background: #004e8f;}
	.bg_1 .overflow strong {color: #004e8f;}
.bg_2 .circle {background: #ed2e3a;}
	.bg_2 .overflow strong {color: #ed2e3a;}
/*=============================================================================== indents =====*/
.indent {padding: 0px 0px 48px 0px}
.indent1 {padding: 0px 0px 0px 0px}
/*=============================================================================== col-indents =====*/
.col-indent {padding-right: 0px;}
.col-indent1 {padding-right: 0px;}
/*=============================================================================== borders =====*/
.borders a {
	width: 100%;
	height:105.5px;
	text-decoration: none;
	position: relative;
	float: left;
	padding:0;
	margin:0;
}
.borders a strong {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	display: block;
	font-size: 28px;
	font-weight:normal;
	line-height: 112px;
	text-transform: uppercase;
	padding-left: 28px;
}
.borders a strong span {
	display: block;
	margin-top: -9px;
}

.borders_fr a.title_4 strong {
	line-height: 28px;
	margin-top:27px;
}
.borders a.borders-bg_3 strong {padding-top: 25px;}
.borders a.borders-bg_2 {min-height: 142px;}
.borders a img {
	position: absolute;
	right: 28px;
	bottom: 24px;
}
		.borders a:hover img {right: 6px;}
		
.borders-bg_1 {background: #004e8f;}
.borders-bg_2 {background: #ed2e3a;}
.borders-bg_3 {background: #cfc6a5;}
/*=============================================================================== magazins =====*/
.magazins a {
	width:135px;
	height:88px;
	text-decoration: none;
	position: relative;
	float: left;
	
	
}
	
.magazins a.new_affrican {width:270px; text-align:center;}

/*=============================================================================== line-hor =====*/

/*
.divider {background:url(../images/divider-bg.gif) 325px 0px repeat-y;}
.divider_1 {background:url(../images/divider-bg.gif) 320px 0px repeat-y;}
.divider1 {background:url(../images/divider-bg.gif) 645px 0px repeat-y;}
.divider_2 {background:url(../images/divider-bg.gif) 640px 0px repeat-y;}
*/
/*=============================================================================== lists =====*/
.data-list {padding: 18px 0 0;}
	.data-list li {
		border-bottom: 1px solid #e4e2dc;
		padding-bottom: 5px;
		margin-bottom: 4px;
	}
		.data-list li a {
			display: block;
			width: 100%;
			overflow: hidden;
			padding: 6px;
			text-decoration: none;
		}
			.data-list li a:hover {background: #004e8f; color: white;}
			.data-list li a img {
				float: left;
				margin-right: 11px;
			}
			.data-list li a strong {color: #ed2e3a;}
				.data-list li a:hover strong {color: white;}
	.data-list .last {border: none;}

.list_1 {padding: 17px 0 0 0;}
	.list_1 li {
		font-size: 13px;
		line-height: 32px;
		border-bottom: 1px solid #d2cec4;
		height: 31px;
		overflow: hidden;
		cursor: pointer;
	}
		.list_1 li:hover {background: #004e8f; padding-left: 10px;}
		.list_1 li a {
			color: #e5e5e5;
			text-decoration: none;
			text-transform: uppercase;
			background: url(../images/list_1-a-bg.gif) 0 5px no-repeat;
			padding-left: 17px;
		}
			.list_1 li:hover a {color: #fff; background: url(../images/list_1-a-bg-hover.gif) 0 6px no-repeat;}
	.list_1 .last {border: none;}

.box_footers p {
	margin-top:17px;
	padding-top:5px;
	font-size: 13px;
	color:#FFFFFF;
}

.list {padding: 17px 0 0 0;}
	.list li {
		font-size: 13px;
		line-height: 32px;
		border-bottom: 1px solid #7E7E7E;
		background: url(../images/list-bg.gif) 0 13px no-repeat;
		padding-left: 17px;
		height: 31px;
		overflow: hidden;
	}
		.list li a {
			color: #7E7E7E;
			text-decoration: none;
			text-transform: uppercase;
		}
		.list li.active a {
			color: #000;
		}
			.list li a:hover {color: #000}
	.list .last {border: none;}
.list_2 {padding: 7px 0 7px;}
	.list_2 li {
		width: 100%;
		overflow: hidden;
		height: 54px;
	}
		.list_2 li img {
			float: left;
			margin-right: 20px;
			padding-top: 4px;
		}
		.list_2 li span {overflow: hidden;}
		.list_2 li a {text-decoration: none;}
			.list_2 li a:hover {color: #ed2e3a;}
/*=============================================================================== links =====*/
.link_1 {
	font-weight: bold;
	text-transform: capitalize;
	display: inline-block;
	margin-top: 14px;
}
.link {
		text-decoration:none;
		display: inline-block;
		color: white;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		position: relative;
		padding: 5px 24px 6px 23px;
		font-weight: bold;
		margin: 8px 0px 0 0;
		text-transform: capitalize;
	}
		.link:hover {background: #c1b7a5;}
/*=============================================================================== gallery =====*/
.gallery {
	width: 100%;
	padding-top: 27px;
}
	.gallery img {
		float: left;
		margin: 0 11px 10px 0px;
		box-shadow: 0 0 4px #bcb8aa;
		-moz-box-shadow: 0 0 4px #bcb8aa;
		-webkit-box-shadow: 0 0 4px #bcb8aa;
		position: relative;
	}
	.gallery .last {margin-right: 0;}
	.gallery .bottom {margin-bottom: 0;}
/*=============================================================================== contacts =====*/
.contacts span {
	display: inline-block;
	vertical-align: baseline;
	width: 86px;
}
.contacts strong {color: #ed2e3a;}
/*=============================================================================== nav =====*/
.banner {padding: 29px 0 0;}
/*=================================================================================================================== footer =====*/
#footer .grid_24 {
	border-top: 1px solid #7E7E7E;
	font-weight: bold;
	color: #7E7E7E;
	text-transform: uppercase;
	font-size: 12px;
}

#footer p {
	float: left;
	padding: 17px 0 0 0;
}
	#footer p a {color: white;}
	#footer span {
	float: right;
	padding: 17px 0 0 0;
}

#mainlevelfooter li {
	float:left;
	margin-left:10px;
	margin-right:10px;
}
#mainlevelfooter li a{
	color:#7E7E7E;
}
#mainlevelfooter li a:hover, 
#mainlevelfooter li a#active_menufooter {
	color:#000;
}

a#active_menufooter

/*------------------------------------------------------------------------------------------------------------------- forms -----*/

#SearchForm {
	padding: 7px 0px 6px 0;
	width:270px;
	color: #8d836b;
}
	#SearchForm label {
		display: inline-block;
		background: url(../images/SearchForm-label-bg.gif) 0 0 no-repeat; 
		margin: 16px 0 0;
	}
	#SearchForm input {
		width:238px; 
		padding:9px 16px 11px 16px;
		overflow:hidden;
		background:none;
		border:none;
		font-size: 13px; 
		line-height: 14px; 
		color: #bab09b;
	}
	#SearchForm a {
		text-decoration:none;
		display: inline-block;
		color: white;
		float: right;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		position: relative;
		padding: 5px 25px 6px 23px;
		font-weight: bold;
		margin: 6px 1px 0 0;
	}
		#SearchForm a:hover {background: #c1b7a5;}


#ContactForm {
	padding:30px 0 29px;
	width: 603px;
}
	#ContactForm label {
		height:43px; 
		display:block;
	}
	#ContactForm a {
		text-decoration:none;
		display: inline-block;
		color: white;
		float: right;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		position: relative;
		padding: 5px 25px 6px 23px;
		font-weight: bold;
		margin: 16px 0px 0 0;
	}
		#ContactForm a:hover {background: #c1b7a5;}
	#ContactForm .input {
		width:403px; 
		background:url(../images/ContactForm-label-bg.gif) 0 0 no-repeat; 
		border:none;
		display:block;
	}
	#ContactForm input {
		width:381px; 
		background:none; 
		border:none;
		padding:10px 11px 12px; 
		color:#e5e5e5;
		font-size: 13px;
		line-height: 14px;
	}
	#ContactForm textarea {
		width:579px; 
		height:225px;
		background:none;
		border:none;
		padding:11px;
		overflow:auto; 
		color:#e5e5e5;
		font-size: 13px;
		line-height: 16px;
	}
	#ContactForm .textarea {
		background:url(../images/ContactForm-textarea-bg.gif) 0 0 no-repeat;
		border:none;
		width:603px; 
		display: block;
	}
#page2 .container_24 .prefix_2, #page3 .container_24 .prefix_2, #page5 .container_24 .prefix_2 {padding-left: 77px;}
/*==========================================*/
ul.tabs {
    margin: 40px 0 0;
    padding: 0 0 0 50px;
    list-style: none;
    height: 51px; /*--Set height of tabs--*/
    width: 541px;
	background: #ed2e3a;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 51px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 51px; /*--Vertically aligns the text within the tab--*/
    overflow: hidden;
    position: relative;
    background: none;
	padding-left: 0px;
}
ul.tabs li a {
    text-decoration: none;
    color: #fffaed;
    display: block;
    font-size: 20px;
	line-height: 1.2307em;
    padding: 11px 13px 15px 14px;
    outline: none;
	text-transform: uppercase;
}
ul.tabs li a:hover {
    background: #cfc6a5;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #cfc6a5;
}    

.tab_container {
	overflow: hidden;
	clear: both;
	float:left;
	width:590px;
	position:relative
}
.tab_content {
	padding: 0px 0 0 0;
	width:590px;
}

/*==========================================*/
.tab-list{
	font-family:Helvetica, Arial, sans-serif
}

.tab-list {padding: 32px 0 0; margin-left: -3px}
	.tab-list li { margin-top: 23px; position: relative;}
		.tab-list li img {float: left; margin-right: 16px; padding-top: 3px;}
		.tab-list li strong {color: #ed2e3a;}
		.tab-list li span {color: #ed2e3a;}
		.tab-list li a {font-weight: bold; display: inline-block; margin: 4px 1px 0 0; float:right; }
	.tab-list .position {
		position: absolute;
		left: 278px;
		top: 25px;
	}
/*
	* Required 
*/
.loopedCarousel {position: relative;}
.loopedCarousel .container {height:574px; overflow:hidden; position:relative;}

#page4 .loopedCarousel .container {height: 699px;}

.loopedCarousel .slides {position:absolute; top:0; left:0;}
.loopedCarousel .slides div {
	position:absolute;
	top:0;
	width:590px;
	display:none;
}	
/*
	* Optional
*/
.loopedCarousel { position:relative; clear:both; }
.loopedCarousel ul.pagination { 
	padding:0px 0px 0 232px;
}
.loopedCarousel ul.pagination li  { float:left; padding-left:12px; font-size: 13px; line-height: 20px}
.loopedCarousel ul.pagination li a {
	float:left;
	color: #927f67;
}
.loopedCarousel ul.pagination li a:hover {
	text-decoration:none;
	color: #004e8f;
}
.loopedCarousel ul.pagination li.active a {
	text-decoration: none;
	color: #004e8f;
	font-weight: bold;
}

.carousel-nav {position: absolute; width: 201px; left: 196px;}

.loopedCarousel .previous {
	position: absolute;
	left: 0px;
	top: 0;
	width:22px;
	height:22px;
	background:url(../images/previous-bg.gif) no-repeat 0 0;
}
.loopedCarousel .next {
	position: absolute;
	right: 0px;
	top: 0;
	width:22px;
	height:22px;
	background:url(../images/next-bg.gif) no-repeat 0 0;
}


/* Easy Slider */
    #slider {
        position:relative;
        width:670px;
        height:422px;
		overflow: hidden;
    }
	
	#text_publication {
        position:relative;
		overflow: hidden;
    }
 
    #slider ul, #slider li {
        margin:0;
        padding:0;
        list-style:none;
        }
 
    #slider li{
        width:670px;
        height:422px;
        overflow:hidden;
        }
    #slider li img {
        display:block;
        margin-bottom:0px;
    }
	#slider .controls {display: none;}

div.nivo-caption {
	display:none !important;
}

div.contact table h3 {
	font-size: 32px;
	color:#ED2E3A;
	text-transform:none;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}
div.contact table p {
	font-size: 24px;
	color:#A8A393;
	padding-bottom:5px;
}

div.contact table p strong {
	color:#6F6E6C;
}

/* // Easy Slider */
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

ul.menu-maazines {
}

ul.menu-maazines li {
	font-size: 18px;
	margin-bottom:10px;
}

ul.menu-maazines li a{
	color:#999999;
	text-decoration: none;
	text-transform:uppercase;
}

ul.menu-maazines li a:hover{
	text-decoration: none;
	color:#666666;
}

ul.menu-maazines li.active a{
	color:#ee1d25;
}

ul.menu-maazines li span.separator{
	color:#000;
}

div.article-content p img {
	margin-right:10px;
}

div#translate {
	text-align:right;
	height:40px;
}

div#translate #jflanguageselection{
	display:block;
	padding-top:7px;
	padding-right:13px;
}

div#translate #jflanguageselection div.rawimages span {
	margin-left:7px;	
}