/* CSS Document */

*{
padding: 0px 0pt;
margin: 0px 0pt;
}

body{
background: #cfd4d8 url(../images/bg.jpg) no-repeat 50% 0; 
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 76%;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
padding: 20px 0;
margin: 0px 0pt;
text-align:center;
color:#000;
position: relative;
}

ul{
list-style-type: none;
}

img{
border: none;
}

a{
color: #000;
}

.clear{
clear: left;
}

#header{
position: relative;
width: 895px;
height: 266px;
}

#conteneur{
position: relative;
margin: 0 auto;
width: 895px;
z-index: 100;
text-align: left;
}

#contenu #right #right_middle h2{
margin: 10px 350px 10px 30px;
font-size: 16px;
}

#contenu #right #right_middle h3{
margin: 10px 350px 10px 30px;
font-size: 13px
}

#contenu #right #right_middle h4{
font-size: 12px
}

#contenu #right #right_middle h5{
font-size: 11px
}

#contenu #right #right_middle p{
margin: 10px 350px 10px 30px;
line-height: 14px;
font-size: 11px;
}

#contenu #right #right_middle object{
margin: 10px 350px 10px 30px;
}

#contenu #right #right_middle ul{
margin: 10px 350px 10px 30px;
}

#contenu #right #right_middle ul li{
background: url(../images/home_puce_right.png) no-repeat 0 1px;
padding-left: 17px;
margin-bottom: 10px;
font-size: 11px;
}



#header h1{
background: url(../images/logo.png) no-repeat;
width: 556px;
height: 131px;
}

#header h2#ucos{
background: url(../images/ini_Ucos.png) no-repeat;
width: 149px;
height: 66px;
position: absolute;
left: 380px;
top: 85px;

}


#header h1 span, #header h2 span {
display: none;
}

#header ul#nav_principale{
width: 820px;
height: 102px;
position: absolute;
right: 0;
bottom: 0;
}

#header ul#nav_principale li{
float: left;
} 

#header ul#nav_principale li span{
display: none;
} 

#header ul#nav_principale a#student{
display: block; 
background: url(../images/student_bt2.png) no-repeat left;
width: 239px;
height: 105px;
}

#header ul#nav_principale a#student.active{
background: url(../images/student_bt2.png) no-repeat right;
}

#header ul#nav_principale a:hover#student{
background: url(../images/student_bt2.png) no-repeat right;
}

#header ul#nav_principale a#debat{
display: block; 
background: url(../images/debat_bt2.png) no-repeat left;
width: 220px;
height: 105px;
}

#header ul#nav_principale a#debat.active{
background: url(../images/debat_bt2.png) no-repeat right;
}

#header ul#nav_principale a:hover#debat{
background: url(../images/debat_bt2.png) no-repeat right;
}

#header ul#nav_principale a#info{
display: block; 
background: url(../images/info_bt2.png) no-repeat left;
width: 141px;
height: 102px;
}

#header ul#nav_principale a#info.active{
background: url(../images/info_bt2.png) no-repeat right;
}

#header ul#nav_principale a:hover#info{
background: url(../images/info_bt2.png) no-repeat right;
}

#header ul#nav_principale a#afri{
display: block; 
background: url(../images/afrifest_bt3.png) no-repeat left;
width: 212px;
height: 102px;
}

#header ul#nav_principale a#afri.active{
background: url(../images/afrifest_bt3.png) no-repeat right;
}

#header ul#nav_principale a:hover#afri{
background: url(../images/afrifest_bt3.png) no-repeat right;

}

#header #nav_sep1{
position: absolute;
background: url(../images/barre_nav.png) no-repeat;
width: 11px;
height: 102px;
left: 308px;
bottom: 0px;
}

#header #nav_sep2{
position: absolute;
background: url(../images/barre_nav.png) no-repeat;
width: 11px;
height: 102px;
left: 525px;
bottom: 0px;
}

#header #nav_sep3{
position: absolute;
background: url(../images/barre_nav.png) no-repeat;
width: 11px;
height: 105px;
left: 665px;
bottom: 0px;
}

#header #newsflash{
position: absolute;
right: 0px;
top: -15px;
text-align: right;
color: #FFF;
}

#header #newsflash h2{
	background: url(../images/newsflash.png) no-repeat 100% 0;
	width: 100%;
	height: 29px;
	margin: 0 0 0 0;
}

#header #newsflash h2 span{
	display: none;
}

#header #newsflash input{
	margin: 3px 0 0 10px;
	background:  #FFF;
	border: none;
}

#header #newsflash input#button{
	margin: 3px 0 0 10px;
	background:  #eee;
	border: 1px solid #000;
	cursor: pointer;
}

#header #newsflash #facebook{
	background: url(../images/facebook.png) no-repeat 100% 0;
	width: 100%;
	height: 21px;
	margin: 5px 0 10px 0;
	cursor: pointer;
}

#header #newsflash #facebook span{
	display: none;
}

#contenu {
width: 895px;
}

#contenu #left #archive{
margin-top: 80px;

} 

#contenu #left #archive li{
background: url(../images/bg_archive.png)  no-repeat;
width: 181px;
height: 20px;
margin-bottom: 10px;
padding-top: 9px;
text-align: left;
} 

#contenu #left #archive li a{
display: block;
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
/*margin-left: 33px;*/
margin-left: 20px;
} 

/*Style Homepage_____________________________________________________________________*/

#home #conteneur{
background: url(../images/peinture_home.png) no-repeat 0 135px;  
}

#home #contenu #left{
float: left;
width: 278px;

}

#home #contenu #center{
float: left;
width: 415px;
}

#home #contenu #center #center_top{
background: url(../images/home_center_top.png) no-repeat;
width: 415px;
height: 135px;
padding-top: 30px;
}

#home #contenu #center #center_top #whoIs{
margin: 0 auto;
/*background: url(../images/whoIs.png) no-repeat;*/
width: 358px;
height: 116px;
}

#home #contenu #center #center_top #whoIs span{
display: none;
}

#home #contenu #center #center_middle{
background: url(../images/home_center_middle.png) repeat-y;
width: 415px;
padding-top: 20px; 
}

#home #contenu #center #center_middle p{
margin: 0 20px;
}

#home #contenu #center #center_middle #news{
margin: 10px 25px 0 20px;
font-size: 12px;
border-bottom: 1px dotted #011661;
padding-bottom: 10px;
}

#home #contenu #center #center_middle #news h2{
background: url(../images/home_puce_center.png) no-repeat 0 2px;
color: #021862;
padding-left: 15px;
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
}

#home #contenu #center #center_middle #news #news_img{
float: left; 
width: 90px;
height: 67px;
margin-top: 5px;
}

#home #contenu #center #center_middle #news #news_txt{
float: left; 
width: 370px;
margin: 5px 10px 0 0px;
}

#home #contenu #center #center_middle #news #news_txt p{
margin: 0;
font-size: 11px;
}

#home #contenu #center #center_bottom{
background: url(../images/home_center_bottom.png) no-repeat;
width: 415px;
height: 34px;
}

#home #contenu #right{
float: left;
width: 200px;
}

#home #contenu #right #right_top{
background: url(../images/home_right_top.png) no-repeat;
width: 200px;
height: 34px;
}

#home #contenu #right #right_middle{
background: url(../images/home_right_middle.png) repeat-y;
width: 200px;
}

#home #contenu #right #right_middle p{
margin: 0 20px;
}

#home #contenu #right #right_middle dl{
margin: 0 25px 0 20px;
font-size: 11px;
}

#home #contenu #right #right_middle dt{
background: url(../images/home_puce_right.png) no-repeat 0 1px;
color: #ed5825;
padding-left: 15px;
margin-bottom: 3px;
}

#home #contenu #right #right_middle dd{
padding-bottom:  10px;
margin-left: 15px;
}

#home #contenu #right #right_middle dd p{
margin: 0px;
}

#home #contenu #right #right_bottom{
background: url(../images/home_right_bottom.png) no-repeat;
width: 200px;
height: 50px;
}

/*Style Studentenreizen nar congo_____________________________________________________________________*/

#studenten #conteneur, #debatten #conteneur, #afri #conteneur, #info #conteneur, #info_home #conteneur{
background: url(../images/peinture_studentenreizen.png) no-repeat 0 155px;  
}
 
#studenten #contenu #left{
float: left;
width: 181px;
} 

#studenten #contenu #left #stu_nav_left {
margin-top: 30px;
} 

#studenten #contenu #left #stu_nav_left li{
background: url(../images/stu_bg_nav_left.png) no-repeat;
width: 181px;
height: 22px;
margin-bottom: 10px;
padding-top: 7px;
text-align: left;
} 

#studenten #contenu #left #stu_nav_left li a{
display: block;
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
/*margin-left: 33px;*/
margin-left: 50px;
} 

#studenten #contenu #left #medias{
margin: 40px auto;
width: 96px;
height: 61px;
}

#studenten #contenu #right{
float: left;
width: 714px;
margin-top: 12px;
} 

#studenten #contenu #right #right_top{
background: url(../images/stu_right_top.png) no-repeat;
float: left;
width: 714px;
height: 24px;
}

#studenten #contenu #right #right_middle{
position: relative;
background: url(../images/stu_right_middle.png) repeat-y;
float: left;
width: 714px;
min-height: 330px;
} 

#studenten #contenu #right #right_middle h2{
color: #049dd7; 
} 

#studenten #contenu #right #right_middle #intro_traject p{
margin: 10px 30px;
} 



#studenten #contenu #right #right_middle #stu_kalender{
width: 650px;
margin: 0px 0 0 30px;
}

#studenten #contenu #right #right_middle #stu_kalender th{
padding: 10px 0 3px 0;
}

#studenten #contenu #right #right_middle #stu_kalender td{
background: #ddd;
padding: 3px;
}

#studenten #contenu #right #right_middle #video{
width: 650px;
margin: 20px 0 0 40px;
}

#studenten #contenu #right #right_middle #video li{
/*float: left;*/
background:url(../images/stu_bg_gallery.jpg) no-repeat;
width: 593px;
height: 333px;
margin: 0 0 0 15px;
padding: 20px 0 0 20px;
} 

#studenten #contenu #right #right_middle #video p{
margin: 0;
color: #FFF;
} 

#studenten #contenu #right #right_middle #video object{
margin: 0;
}

#studenten #contenu #right #right_middle #stu_right_deco{
position: absolute;
right: 20px;
top: 0px;
background:url(../images/stu_right_deco.png) no-repeat;
width: 314px;
height: 388px;
}

#studenten #contenu #right #right_middle #stu_right_deco p{
color: #9c2d33;
text-align: center;
margin: 25px 0 0 20px;
width: 170px;
font-size: 13px;
font-weight: bold;
}

#studenten #contenu #right #right_middle #stu_right_deco p a{
color: #9c2d33;
text-decoration: none;
}

#studenten #contenu #right #right_bottom{
background: url(../images/stu_right_bottom.png) no-repeat;
float: left;
width: 714px;
height: 58px
} 

/*Style Debatten_____________________________________________________________________*/
 
#debatten #contenu #left{
float: left;
width: 181px;
} 

#debatten #contenu #left #stu_nav_left {
margin-top: 30px;
} 

#debatten #contenu #left #stu_nav_left li{
background: url(../images/deb_bg_nav_left.png) no-repeat;
width: 181px;
height: 22px;
margin-bottom: 10px;
padding-top: 11px;
text-align: left;
} 

#debatten #contenu #left #stu_nav_left li a{
display: block;
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
/*margin-left: 33px;*/
margin-left: 25px;
} 

#debatten #contenu #left #medias{
margin: 40px auto;
width: 98px;
height: 81px;
} 

#debatten #contenu #right{
float: left;
width: 714px;
margin-top: 12px;
} 

#debatten #contenu #right #right_top{
background: url(../images/stu_right_top.png) no-repeat;
float: left;
width: 714px;
height: 24px;
}

#debatten #contenu #right #right_middle{
position: relative;
background: url(../images/stu_right_middle.png) repeat-y;
float: left;
width: 714px;
min-height: 330px;
} 

#debatten #contenu #right #right_middle h2{
color: #029a84;
}  

#debatten #contenu #right #right_middle #content_archives{
	border-top: 1px solid #009c85;
	border-bottom: 1px solid #009c85;
	padding: 10px 0 5px 0;
}  

#debatten #contenu #right #right_middle #content_archives li{
	background: url(../images/deb_puce_arch.gif) no-repeat 0 3px;
	padding: 0 0 0 18px;
} 

#debatten #contenu #right #right_middle #content_archives li a{
	font-weight: bold;
	text-decoration: none;
} 

#debatten #contenu #right #right_middle #content_archives li.active{
	background: url(../images/deb_puce_arch_activ.gif) no-repeat 0 3px;
	padding: 0 0 0 18px;
} 

#debatten #contenu #right #right_middle #deb_right_deco{
position: absolute;
right: 0px;
top: 0;
background:url(../images/deb_right_deco.png) no-repeat;
width: 314px;
height: 388px;
}

#debatten #contenu #right #right_middle #deb_right_deco h2{
width: 190px;
margin-left: 57px;
/*margin-top: -25px;*/
font-size: 13px;
text-align: center;
color: #ee424f;
text-transform: none;
}

#debatten #contenu #right #right_middle #deb_right_deco h2 a{
color: #ee424f;
text-decoration: none;
}

#debatten #contenu #right #right_middle #deb_right_deco p{
width: 190px;
margin: 35px  0 0 57px;
text-align: center;
font-weight: bold;
}

#debatten #contenu #right #right_bottom{
background: url(../images/stu_right_bottom.png) no-repeat;
float: left;
width: 714px;
height: 58px
} 


/*Style Info Home_____________________________________________________________________*/
 
#info_home #contenu #left{
float: left;
width: 181px;
} 

#info_home #contenu #left #info_nav_left {
margin-top: 30px;
} 

#info_home #contenu #left #info_nav_left li{
background: url(../images/info_bg_nav_left.png) no-repeat;
width: 181px;
height: 22px;
margin-bottom: 10px;
padding-top: 11px;
text-align: left;
} 

#info_home #contenu #left #info_nav_left li a{
display: block;
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
/*margin-left: 33px;*/
margin-left: 30px;
} 

#info_home #contenu #left #deco_left{
position: absolute;
bottom: 130px;
left: 0px;
background: url(../images/info_deco_left.png) no-repeat;
width: 160px;
height: 274px;
}  

#info_home #contenu #right{
float: left;
width: 714px;
margin-top: 12px;
} 

#info_home #contenu #right #right_top{
background: url(../images/stu_right_top.png) no-repeat;
float: left;
width: 714px;
height: 24px;
}

#info_home #contenu #right #right_middle{
position: relative;
background: url(../images/stu_right_middle.png) repeat-y;
float: left;
width: 714px;
min-height: 330px;
}

#info_home #contenu #right #right_middle #content_left{
float: left;
width: 340px;
margin-left: 30px;

} 

#info_home #contenu #right #right_middle h2{
margin: 10px 0;
color: #fe5428;
} 

#info_home #contenu #right #right_middle p{
margin: 10px 0;
} 


#info_home #contenu #right #right_middle #content_right{
float: left;
width: 310px;
margin-left: 20px;

}


/*#info_home #contenu #right #right_middle #acties h3, #info #contenu #right #right_middle #acties h4, #info #contenu #right #right_middle #acties h5 {
margin: 10px 30px;
} 

#info_home #contenu #right #right_middle #acties p{
margin: 10px 30px;
}*/

#info_home #contenu #right #right_middle #encart_right{
background:url(../images/info_encart_right.jpg) no-repeat;
width: 289px;
height: 78px;
padding-top: 30px;
}

#info_home #contenu #right #right_middle #encart_right p{
color: #f00a0a;
width: 180px;
text-align: center;
font-size: 13px;
font-weight: bold;
margin: 0 0 0 5px;
}

#info_home #contenu #right #right_middle #encart_right p a{
color: #f00a0a;
text-decoration: none;
}

#info_home #contenu #right #right_middle #form{
background:url(../images/bg_form_top.jpg) no-repeat;
width: 301px;
padding: 40px 0 0 0;
}
#info_home #contenu #right #right_middle #form form{
margin: 0 20px 0 20px;
}

#info_home #contenu #right #right_middle  #form form label{
font-size: 10px;
color: #fff;
}

#info_home #contenu #right #right_middle  #form form input.size{
border: 1px solid #000;
width: 170px;
font-size: 10px;
padding: 2px;
}

#info_home #contenu #right #right_middle  #form form textarea{
border: 1px solid #000;
width: 250px;
height: 130px;
margin-top:10px;
}

#info_home #contenu #right #right_middle  #form form input.button{
border: 1px solid #000;
margin-top: 5px;
padding: 2px;
cursor: pointer;
}

#info_home #contenu #right #right_middle  #form form .erreur{
font-size: 10px;
color: #fff;
}

/*#info_home #contenu #right #right_middle  #form form .erreur_area{
font-size: 10px;
color: #fff;
display: block;
margin-top: -10px;
}*/

#info_home #contenu #right #right_middle #form_bot{
background:url(../images/bg_form_bot.jpg) no-repeat;
width: 301px;
height: 36px;
}



#info_home #contenu #right #right_bottom{
background: url(../images/stu_right_bottom.png) no-repeat;
float: left;
width: 714px;
height: 58px
} 

/*Style Info_____________________________________________________________________*/
 
#info #contenu #left{
float: left;
width: 181px;
} 

#info #contenu #left #info_nav_left {
margin-top: 30px;
} 

#info #contenu #left #info_nav_left li{
background: url(../images/info_bg_nav_left.png) no-repeat;
width: 181px;
height: 22px;
margin-bottom: 10px;
padding-top: 11px;
text-align: left;
} 

#info #contenu #left #info_nav_left li a{
display: block;
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
/*margin-left: 33px;*/
margin-left: 30px;
} 

#info #contenu #left #deco_left{
position: absolute;
top: 480px;
left: 0px;
background: url(../images/info_deco_left.png) no-repeat;
width: 160px;
height: 274px;
}  

#info #contenu #right{
float: left;
width: 714px;
margin-top: 12px;
} 

#info #contenu #right #right_top{
background: url(../images/stu_right_top.png) no-repeat;
float: left;
width: 714px;
height: 24px;
}

#info #contenu #right #right_middle{
position: relative;
background: url(../images/stu_right_middle.png) repeat-y;
float: left;
width: 714px;
min-height: 330px;
}

#info #contenu #right #right_middle h2{
color: #fe5428;
margin: 10px 30px 10px 30px;
}

#info #contenu #right #right_middle p{
margin: 10px 30px 10px 30px;
} 

#info #contenu #right #right_middle #acties h3, #info #contenu #right #right_middle #acties h4, #info #contenu #right #right_middle #acties h5 {
margin: 10px 30px;
} 

#info #contenu #right #right_middle #acties p{
margin: 10px 30px;
}

#info #contenu #right #right_middle #encart_right{
position: absolute;
right: 40px;
top: 0px;
background:url(../images/info_encart_right.jpg) no-repeat;
width: 289px;
height: 108px;
}

#info #contenu #right #right_middle #encart_right p{
color: #f00a0a;
width: 180px;
text-align: center;
font-size: 13px;
font-weight: bold;
margin: 30px 0 0 5px;
}

#info #contenu #right #right_bottom{
background: url(../images/stu_right_bottom.png) no-repeat;
float: left;
width: 714px;
height: 58px
} 

/*Style Afri_____________________________________________________________________*/
 
#afri #contenu #left{
position: relative;
float: left;
width: 181px;
}

#afri #contenu #left #afri_nav_left {
margin-top: 30px;
} 

#afri #contenu #left #afri_nav_left li{
background: url(../images/afri_bg_nav_left.png) no-repeat;
width: 181px;
height: 22px;
margin-bottom: 10px;
padding-top: 11px;
text-align: left;
} 

#afri #contenu #left #afri_nav_left li a{
display: block;
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
/*margin-left: 33px;*/
margin-left: 50px;
}  

/*#afri #contenu #left #deco_left{
position: absolute;
top: -20px;
left: 15px;
background: url(../images/afri_left_deco.png) no-repeat;
width: 157px;
height: 288px;
} */ 

#afri #contenu #left #medias{
margin: 30px 0 0 20px;
} 

#afri #contenu #right{
float: left;
width: 714px;
margin-top: 12px;
} 

#afri #contenu #right #right_top{
background: url(../images/stu_right_top.png) no-repeat;
float: left;
width: 714px;
height: 24px;
}

#afri #contenu #right #right_middle{
position: relative;
background: url(../images/stu_right_middle.png) repeat-y;
float: left;
width: 714px;
min-height: 330px;
}

#afri #contenu #right #right_middle #ed2010{
position: absolute;
right: 100px;
top: 40px;
z-index: 2;
width: 120px;
height: 48px;
} 

#afri #contenu #right #right_middle #ed2010 span{
display: none;
} 

#afri #contenu #right #right_middle #afri_right_deco{
position: absolute;
right: 30px;
top: 0px;
z-index: 1;
background:url(../images/afri_right_deco.png) no-repeat;
width: 288px;
height: 500px;
}

#afri #contenu #right #right_middle h2{
margin: 10px 320px 10px 30px;
color: #e75112;
}

#afri #contenu #right #right_middle h3{
margin: 10px 320px 10px 30px;
}

#afri #contenu #right #right_middle p{
margin: 10px 320px 10px 30px;
}

#afri #contenu #right #right_middle ul{
margin: 10px 320px 10px 50px;
list-style-type: none;
}

/*#afri #contenu #right #right_middle li{
margin-bottom: 10px;
}*/

#afri #contenu #right #right_bottom{
background: url(../images/stu_right_bottom.png) no-repeat;
float: left;
width: 714px;
height: 58px
}



#footer{
background: url(../images/foot_adresse.png) no-repeat 10px 15px;
width: 895px;
height: 116px;
text-align: right;
}

/*Accordéon*/

#contenu #right #right_middle #accordion h3{
margin: 5px 0 5px 0;
}

#contenu #right #right_middle #accordion h4{
margin: 5px 0 5px 0;
cursor: pointer;
font-size: 12px;
color: #ef6537;
}

#contenu #right #right_middle #accordion h3.voorbijen{
	color: #999
}

#contenu #right #right_middle #accordion h4.voorbijen{
color: #999
}

#contenu #right #right_middle #accordion p{
margin: 5px 0 5px 0;
}

#contenu #right #right_middle #accordion ul{
width: 80%;
}

#contenu #right #right_middle #accordion .element{
background: #eee;
}

/*#contenu #right #right_middle #accordion .element p{
padding: 8px;
}*/

#contenu #right #right_middle #accordion .element .element_left{
padding: 8px;
float: left;
width: 460px;
}

#contenu #right #right_middle #accordion .element .element_right{
padding: 8px;
float: left;
width: 160px;
}

#contenu #right #right_middle #accordion .elt_accordion{
border-bottom: 1px dotted #061c64;
margin: 10px 30px 10px 30px;
padding-bottom: 10px;
}