/* Type Selector */

* {margin:0; padding:0; border:0; background-color:transparent;}
* html li a {margin-bottom:-2px;}

html {width:100%; margin:0; padding:0; margin-top:0; margin-left:0;}
body {width:100%; padding:0; margin-left:0; margin-top:0; font-size:12px;font-family:dotum; color:#555}

h2 span {visibility:hidden;}
h3 span {visibility:hidden;}

h2.intro {background:url(../images/subpage/h2_intro.gif) no-repeat;}
h3.intro {background:url(../images/subpage/h3_intro.gif) no-repeat;}

a:link, a:visited, a:active {color: #49A7BB; text-decoration:none;}
a:hover {color: #FF6633; text-decoration:none;}

p { font-size:12px; font-family:dotum; line-height:18px; }
p.content {margin:20px; 0; color:#555; text-align:justify}
p.content ul {text-decoration:underline}
img.bordered {border:3px solid #EEE; margin:10px 0;}
strong.emphasis {font-size:12px;font-family:dotum; line-height:17px; font-weight:bold; color:#F14F10;}
select {margin-left:5px; font-size:11px; font-family:verdana; color:#FFF; border:1px solid #AAA; background:#FF8C69}


/* Layout Selector */
#wrap {position:relative; width:1100px; margin:0; padding:0;}
#header {float:left; position:relative; width:1100px; height:200px; margin:0; padding:0; }
#left {float:left; position:relative;left:25px; width:300px; height:370px; margin:0 20px 0 0; padding:0px; border-left:1px solid #21a2c7;border-right:1px solid #ff8c69; }
#main {float:left; position:relative; width:580px; margin:0; padding:0;}
#content {width:520px; margin-top:30px; margin-left:30px;}
#right {float:left; position:relative; width:100px; height:370px; background:url(../images/subpage/right_bg.gif) no-repeat;}
#footer {float:left; position:relative; width:1100px; height:220px; margin:0; margin-top:100px; padding:0; background:url(../images/subpage/footer_bg.jpg) no-repeat;}


/* Header */
#logo {float:left; position:absolute; left:25px; top:23px; width:192px; height:76px;}
#top_banner {float:left; position:absolute; width:365px; height:50px; left:25px; top: 135px; background:url(../images/subpage/top_banner.gif) no-repeat;}
#top_banner span {visibility:hidden;}
#language {float:left; position:absolute; left:850px; top:10px;}


/* Footer */
#banner {top:90px; float:left; position:relative; width:550px; height:50px}
#copyright {top:90px; float:left; position:relative; width:470px; height:50px; background:url(/images/copyright.gif) no-repeat}
#left_bar {float:left; position:absolute; width:310px; height:130px; top:30px; left:-10px; background:url(../images/subpage/bar_left.gif) no-repeat; z-index:-1;}
#right_bar {float:left; position:relative; width:100px; height:130px; top:30px; background:url(../images/subpage/right_box.gif) no-repeat;}

/* Navigation */
a.menuheader{ display:block; width:280px; height:16px; margin-bottom:5px; padding:4px 2px 2px 8px; cursor:pointer}

#items{margin:13px 15px 0 0; padding:0px; z-index:1; overflow:hidden;  list-style:none;}
#items .item{display:block;font-family:dotum; font-size:12px; font-weight:bold; color:#21a2c7; width:280px; height:25px; list-style:none; overflow:hidden;}
#items .item span{padding:4px 8px; display:block; width:280px;}

#sub_menu {margin:10px 0 0 5px; overflow: hidden; display:block; height:10px }

#sub_menu .item{ float:left; list-style:none; margin-right:4px; font-size:11px; font-family:dotum; color:#939393;overflow: hidden;}
#sub_menu .item a:link,  #sub_menu .item a:link, #sub_menu .item a:visited {color:#939393; text-decoration:none;}
#sub_menu .item a:hover {color:#ff6633; text-decoration:none;}

.sub_nav {display:block; float:left; color: #FFF; height:100px; width: 250px; overflow: hidden; margin-left:10px; padding:0;overflow: hidden;}
.sub_nav li {margin-right:20px; margin-top:0px; font-family:dotum; font-weight:normal; font-size:11px; list-style:none;overflow: hidden; line-height:17px;}
.sub_nav a:link,  .sub_nav a:link, .sub_nav a:visited {color:#FFF; text-decoration:none;}
.sub_nav a:hover {color:#49A7BB; text-decoration:none;}
.sub_nav a.on {color: #49A7BB;}


.sub_nav1 {display:block; float:left; color: #FFF; height:100px; width: 135px; overflow: hidden; margin-left:10px; padding:0;overflow: hidden;}
.sub_nav1 li {margin-right:20px; margin-top:0px; font-family:dotum;  font-weight:normal;font-size:11px; list-style:none;overflow: hidden; line-height:17px;}
.sub_nav1 a:link,  .sub_nav1 a:link, .sub_nav1 a:visited {color:#FFF; text-decoration:none;}
.sub_nav1 a:hover {color:#49A7BB; text-decoration:none;}
.sub_nav1 a.on {color: #49A7BB;}


.sub_nav2 {display:block; float:left; color: #FFF; height:100px; width: 100px; overflow: hidden; padding:0;overflow: hidden;}
.sub_nav2 li {margin-top:0px; line-height:17px; font-weight:normal;font-size:11px;}
.sub_nav2 a:link,  .sub_nav2 a:link, .sub_nav2 a:visited {color:#FFF; text-decoration:none;}
.sub_nav2 a:hover {color:#49A7BB; text-decoration:none;}
.sub_nav2 a.on {color: #49A7BB;}


/* Content */
#box {width:520px; margin-bottom:50px; float:left; position:relative; background:url(../images/subpage/box_bg.gif) no-repeat;}
#box_top {position:relative; float:left; width:520px; height:13px; background:url(../images/subpage/box_top.gif) no-repeat;	overflow:hidden}
#box_content {position:relative; float:left; width:520px; background:url(../images/subpage/box_bg.gif);}
#box_bottom {position:relative; float:left; width:520px; height:13px;	background:url(../images/subpage/box_bottom.gif) no-repeat;	overflow:hidden}
#box_img {position:relative; float:left; width:175px;	padding:0 5px;text-align:center;}
#box_text {position:relative; float:left; width:260px;	text-align:center; margin:10px 0; left:30px}
#content_items {margin-left:40px; color:#555; font-family:verdana; font-size:12px; line-height:20px;}
#content_cms {margin:20px;}
ul.content_items {margin-left:40px; color:#555; font-family:verdana; font-size:12px; line-height:20px;}
ul.content_items li
{
list-style:none;
background:url(../images/subpage/blue_dot.gif) no-repeat 0 9px;
padding-left:7px;
}

#content_items li
{
list-style:none;
background:url(../images/subpage/blue_dot.gif) no-repeat 0 9px;
padding-left:7px;
}

p.content img.attach {float:left; position:relative; margin-top:10px; margin-right:20px; margin-bottom:20px}


label.fonction {font-weight:bold; width:190px; display:block; float:left}
label.other {width:190px; display:block; float:left}


/* h3 title */

	/* CCF Section */
	h3 {position:relative;float:left; width:100%; height:25px; margin-bottom:20px;}
	h3 span {visibility:hidden;}
	h3.ccf {background:url(/images/subpage/ccf_title.gif) no-repeat;}
	h3.event_calendar {background:url(/images/subpage/event_calendar_title.gif) no-repeat;}
	h3.msg_of_ceo {background:url(/images/subpage/msg_of_ceo_title.gif) no-repeat;}
	h3.history {background:url(/images/subpage/history_title.gif) no-repeat;}
	h3.contact {background:url(/images/subpage/contact_title.gif) no-repeat;}
	h3.culture_and_art_program {background:url(/images/subpage/culture_and_art_program_title.gif) no-repeat;}
	h3.event {background:url(/images/subpage/event_title.gif) no-repeat;}
	h3.signup {background:url(/images/subpage/signup_title.gif) no-repeat;}
	h3.accessmap {background:url(/images/subpage/accessmap_title.gif) no-repeat;}
	h3.lecture_room {background:url(/images/subpage/lecture_room_title.gif) no-repeat;}

	/* Media Library */
	h3.media_library {background:url(/images/subpage/media_library_title.gif) no-repeat;}
	h3.guideline_for_users  {background:url(/images/subpage/guideline_for_users_title.gif) no-repeat;}
	h3.search  {background:url(/images/subpage/search_title.gif) no-repeat;}
	h3.new_arrivals {background:url(/images/subpage/new_arrivals_title.gif) no-repeat;}
	h3.member_service {background:url(/images/subpage/member_service_title.gif) no-repeat;}
	
	/* Campus France */
	h3.campus_france {background:url(/images/subpage/campus_france_title.gif) no-repeat;}

	/* Cyber France */
	h3.cyber_france {background:url(/images/subpage/cyber_france_title.gif) no-repeat;}
	h3.speaking_french {background:url(/images/subpage/speaking_french_title.gif) no-repeat;}
	h3.learning_and_teaching_french {background:url(/images/subpage/learning_and_teaching_french_title.gif) no-repeat;}
	h3.delf_dalf {background:url(/images/subpage/delf_dalf_title.gif) no-repeat;}

	/* Books */
	h3.books {background:url(/images/subpage/books_title.gif) no-repeat;}
	h3.support_translators {background:url(/images/subpage/support_translators_title.gif) no-repeat;}
	h3.new_arrivals {background:url(/images/subpage/new_arrivals_title.gif) no-repeat;}
	h3.invite_authors {background:url(/images/subpage/invite_authors_title.gif) no-repeat;}

	/* Cine France */
	h3.cine_france {background:url(/images/subpage/cine_france_title.gif) no-repeat;}
	
	/* Cafe of Arts */
	h3.cafe_of_arts {background:url(/images/subpage/cafe_of_arts_title.gif) no-repeat;}

	/* France Express */
	h3.france_express {background:url(/images/subpage/france_express_title.gif) no-repeat;}
	
	/* Link site */
	h3.linksite {background:url(/images/subpage/linksite_title.gif) no-repeat;}
	h3.travel_france {background:url(/images/subpage/travel_france_title.gif) no-repeat;}
	h3.culture {background:url(/images/subpage/culture_title.gif) no-repeat;}
	h3.france_institute {background:url(/images/subpage/france_institute_title.gif) no-repeat;}
	h3.french {background:url(/images/subpage/french_title.gif) no-repeat;}
	h3.books {background:url(/images/subpage/books_title.gif) no-repeat;}
	h3.multimedia {background:url(/images/subpage/multimedia_title.gif) no-repeat;}
	h3.embassy {background:url(/images/subpage/embassy_title.gif) no-repeat;}
	h3.consulate {background:url(/images/subpage/consulate_title.gif) no-repeat;}
	h3.france_school {background:url(/images/subpage/france_school_title.gif) no-repeat;}
	h3.alliance_france {background:url(/images/subpage/alliance_france_title.gif) no-repeat;}
  h3.francebook_info {background:url(/images/subpage/francebook_info.gif) no-repeat;}

/* headline */
h4 {width:260px; height:60px}
h4 span {visibility:hidden;}
h4.event_calendar { background:url(/images/subpage/event_calendar_h4.gif) no-repeat;}

h5 {float:left; width:520px; margin:10px 0; color:#f14f10; font-size:12px; padding-left:18px; font-family:verdana; font-weight:bold; text-decoration:underline; background:url(/images/subpage/icon_arrow.gif) no-repeat;}
h6 {margin:20px; color:#3399cc; font-size:20px; font-family:verdana; font-weight:bold}

/* event_calendar */
#event_calendar {float:left; width:520px; list-style:none}
#event_calendar_row {position:relative; float:left; width:520px; height:40px; border-top:1px dotted #ddd; font-size:12px; font-family:dotum; line-height:17px; letter-spacing:0px;}
#event_calendar_title {position:relative; float:left; width:70%; margin:10px;}
#event_calendar_date {position:relative; float:left; width:20%; margin:10px; text-align:right; font-family:verdana;font-size:9px;}
#event_calendar_table {position:relative;float:left;text-align:center;left:5px;}
#event_calendar_table td { height:15px; background:#EEE; font-family:tahoma; font-size:9px;text-align:center;}
#event_calendar_table th { height:15px; color:#ff3b00;background:#ffd8cc; font-family:tahoma; font-size:8px;text-align:center;}

#view_border {float:left; width:520px; border-top:1px dotted #ddd; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd;}
#view_content {width:480px; margin:20px;}
#btn {float:right; margin:10px;}
a:link.done, a:link.done , a:visited.done {color:#ff6633; text-decoration:none;}
a:hover.done {color:#49A7BB; text-decoration:none;}

span.event_calendar_month {font-family:arial; font-size:50px; font-weight:bold; color:#333}
span.event_calendar_year {position:absolute; margin-top:19px; margin-left:5px; font-size:12px; font-family:arial; font-weight:bold; color:#999;}

/* linksite */
#linksite_row {width:520px; float:left; margin:20px 0;}
#img {width:190px; margin-right:20px; position:relative; float:left; text-align:center}
#img img {border:3px solid #EEEEEE}
#desc {width:310px; position:relative; float:left; padding:5px 0; font-family:tahoma; font-size:11px;}

#multimedia_row {width:500px; margin:0 20px}
#multimedia {float:left; width:250px; font-family:tahoma; font-size:11px; line-height:25px; margin-bottom:20px}

/* table */
#content_table {margin:10px 0; text-align:center; font-size:11px; border-collapse:collapse}
#content_table td {color:#555 ;background:white;border:1px solid #DDDDDD; padding:4px	}
#content_table th {background:#ddd; border:1px solid #d9d9d9}

p#message_ceo:first-letter
{
float:left; 
height:50px; 
display:block; 
padding:0; 
margin:0px 5px 10px 0px ; 
overflow:visible;  
font-family:'Batang'; 
font-size:55px; 
line-height:50px; 
color:#F14F10;
}


p#history:first-letter
{
float:left; 
height:50px; 
display:block; 
padding:0; 
margin:10px 5px 0px 0px ; 
overflow:visible;  
font-family:'Batang'; 
font-size:55px; 
line-height:50px; 
color:#F14F10;
}