/*
Theme Name: Institutjp PORTAL
Theme URI: 
Description: 
Version: 2.0
Author: 
Author URI: 
Tags: 
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* For modern browsers */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }
/* wp-specific classes */
.wp-caption{ }
.wp-caption-text{ }
.sticky{ }
.gallery-caption{ }
/* for fun */
/* To fix the slider.
* { -webkit-transition: all 0.2s ease; -moz-transition:  all 0.2s ease; -ms-transition:   all 0.2s ease; -o-transition:  all 0.2s ease; }
*/

/* layout */
body { margin: 0; padding: 0; padding-top: 0; background: url(images/container_bg.gif) repeat; }
.nav-container { padding-left: 0; padding-right: 0; }
/*#inner-header { width: 100%; }*/
#inner-header { width: 940px; }
input, textarea, select, .uneditable-input { margin-bottom: 0; }
.navbar-form, .navbar-search { margin: 0 0 9px; }
.navbar-search { padding-left: 0; }
#s { width: 100px; }
#content { padding: 10px 0 0; }
.more-link { white-space: nowrap; }
.footer-links { float: right; margin-bottom: 18px; }
#menu-footer-nav { list-style-type: none; margin-left: 0; }
#menu-footer-nav li { float: left; margin-left: 10px; }

/* -------------------------
 header
------------------------- */
/* header navigation */
#inner-header { width: 940px; margin: 0 auto; background: #FFF; }
#inner-header nav { min-height: /*123px*/164px; padding: 5px; font-size: 0.9em; }
#inner-header nav #logo { position: relative; top: 10px; left: 10px; }
#inner-header nav .head-right { float: right; }

#inner-header nav #logospace { float:left;}
#inner-header nav #ifj { float:left; margin-left:20px; padding-top:10px;}
#inner-header nav #ifj ul li { color:#cccccc; list-style:none; list-style-position:inside; font-size:16px; line-height:1.2;}
#inner-header nav #ifj ul li img {vertical-align:bottom;}



/* header_language_list */
#header_language_list ul { list-style: none; }
#header_language_list li img { display: none; }
#header_language_list li .icl_lang_sel_translated { display: none; }
#header_language_list li { display: block; float: right; }
#header_language_list li span.icl_lang_sel_native { display: block; margin: 0 6px 0 0; padding: 5px 20px; background: #ddd; color: #666; }
#header_language_list li a { display: block; float: right; }
#header_language_list li span.icl_lang_sel_current { display: block; margin: 0 6px 0 0; padding: 5px 20px; background: #008ccb; color: #FFF; }

/* new language switcher */
/*
#lang_sel_list ul {margin-top: 5px;}
#lang_sel_list ul, #lang_sel_list li {list-style: none; border: none; float:left;}
#lang_sel_list li a { display: block; float: right; line-height: 18px; text-decoration: none;}
#lang_sel_list ul a.lang_sel_other { display: block; margin: 0 6px 0 0; padding: 5px 20px; background-color: #ddd !important; color: #666 !important; line-height: 18px;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
#lang_sel_list ul a.lang_sel_sel { display: block; margin: 0 6px 0 0; padding: 5px 20px; background-color: #008ccb !important; color: #FFF !important; line-height: 18px;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
#lang_sel_list ul a.lang_sel_sel:hover { opacity: 1; cursor: default}
*/

/* new language switcher for 4.1.2 */
#lang_sel_list ul {margin-top: 5px;}
#lang_sel_list ul, #lang_sel_list li {list-style: none; border: none; float:left;}
#lang_sel_list li a { display: block; float: right; line-height: 18px; text-decoration: none;}
#lang_sel_list ul li.wpml-ls-item a { display: block; margin: 0 6px 0 0; padding: 5px 20px; background-color: #ddd !important; color: #666 !important; line-height: 18px;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
#lang_sel_list ul li.wpml-ls-current-language a { display: block; margin: 0 6px 0 0; padding: 5px 20px; background-color: #008ccb !important; color: #FFF !important; line-height: 18px;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
#lang_sel_list ul li.wpml-ls-current-language a:hover { opacity: 1; cursor: default}

#inner-header nav .head-nav { margin-top:80px; clear: right; float: right; padding: /*68*/28px 0 10px 0; top: 0px; color: #008ccb; }
#inner-header nav .head-nav a { padding: 0 5px; color: #008ccb; }
*+html #inner-header nav .head-right { width: 210px; float: right; }
*+html #inner-header nav #logo { width: 300px; float: left; }
*+html #inner-header nav .head-nav { width: 210px; left: 60px; }
*+html #inner-header nav #header_language_list { /* width: 270px; */ }

#inner-header nav .nav-pills { float: right; position: relative; top: 6px; left: 21px; }
#inner-header .dropdown-menu a:hover { color: #FFF !important; }
*+html #inner-header nav .nav-pills { float: right; width: 310px; position: relative; top: -3px; left: 61px; }

/* nav-header */
#nav-header { width: 940px; margin: 10px auto 0 auto; background: #008ccb; }
#nav-header nav { font-size: 1.05em; font-weight: bold; }
#nav-header nav ul { margin: 0; padding: 0; }
#nav-header nav li { display: block; float: left; margin:0; padding:0; border-left: solid 1px #FFF; line-height: 1.1em; color: #FFF; }
#nav-header nav a { display: block; float: left; height: 40px; padding: 5px 6px 0; color: #FFF; }

/* navigation jp */
#nav-header nav .menu-item-683 { width: 70px; }	/* ホーム IFJ */
#nav-header nav .menu-item-682 { width: 100px; }	/* 総合案内 */
#nav-header nav .menu-item-687 { width: 130px; }	/* フランス語講座 */
#nav-header nav .menu-item-12270 { width: 110px; }	/* フランス留学 */
#nav-header nav .menu-item-12276 { width:100px; }	/* 資格試験 */
#nav-header nav .menu-item-684 { width: 85px; }	/* イベント */
#nav-header nav .menu-item-685 { width: 140px; }	/* パートナーシップ */
#nav-header nav .menu-item-12283 { width: 110px; }	/* フランス情報 */


/* navigation fr */
#nav-header nav .menu-item-692 { width: 66px; }	/* Accueil Japon */
#nav-header nav .menu-item-695 { width: 138px; }	/* Que fait l'Institut ? */
#nav-header nav .menu-item-694 { width: 136px; }	/* Cours de français */
#nav-header nav .menu-item-12271 { width: 138px; }	/* Études en France */
#nav-header nav .menu-item-12278 { width: 77px; }	/* Examens */
#nav-header nav .menu-item-702 { width:126px; }	/* Agenda culturel */
#nav-header nav .menu-item-697 { width: 95px; }	/* Partenaires */
#nav-header nav .menu-item-12284 { width: 136px; }	/* Actualités françaises */



#nav-header nav ul .current_page_item { background: #FFF; }
#nav-header nav ul .current_page_item a { color: #008ccb; }
#nav-header nav ul .current-menu-item { background: #FFF; }
#nav-header nav ul .current-menu-item a { color: #008ccb; }

/* breadcrumb-header */
#breadcrumb-header { width: 940px; margin: 10px auto 0 auto; background: #FFF; }
#breadcrumb-header nav { padding: 10px; color: #666; }
#breadcrumb-header nav .breadcrumbs { float: left; margin: 0; padding: 0 0 10px; max-width: 660px; }
#breadcrumb-header nav form { float: right; margin: 0; padding: 0; }
#breadcrumb-header nav form input { margin: 0; }
form.search-nav { background: url(images/search_icon.jpg) right -3px no-repeat; }
form.search-nav input { background: #efefef; border: none; position: relative; top: -5px; right: 30px; color: #999; }

#inner-header a:hover img { opacity: 0.5; filter: alpha(opacity=60); }
#inner-header a:hover { opacity: 0.5; filter: alpha(opacity=60); }
#inner-header #header_language_list a:hover { opacity: 0.5; filter: alpha(opacity=60); text-decoration: none; }
#nav-header nav a:hover { opacity: 0.6; filter: alpha(opacity=70); text-decoration: none; }
#breadcrumb-header a:hover { opacity: 0.5; filter: alpha(opacity=60); }

/* -------------------------
 main-banner
------------------------- */
#main-banner { height: 290px; margin: 10px auto 0 auto; padding: 0; background: #0082B8 url(images/slider_bg.jpg) repeat; }
#main-banner-inner { width: 940px; margin: 0 auto; padding: 0; }
#main-banner .main-banner-desc { max-width: 460px; height: 270px; overflow: hidden; float: left; margin: 0 20px 0 0; padding: 0; background: #FFF; position: relative; top: 10px; }
#main-banner .main-banner-desc h2.banner-desc-title { margin: 5px 10px 5px; font-weight: normal; color: #008ccb; line-height: 1.2em; font-size: 1.75em; }

/* -------------------------
 added by ch 130515
------------------------- */
#main-banner .main-banner-desc h2.banner-desc-title .gris { color: #999999; }

#main-banner .main-banner-desc p.banner-desc { margin: 0px 10px 10px; font-size: 0.9em; max-height: 200px; overflow: hodden; }
#main-banner .main-banner-desc .banner-desc .right { font-size: 0.95em; line-height: 1.35em; }
#main-banner .main-banner-desc aside.banner-desc-footer { text-align: right; margin: 0px 10px 10px; font-size: 0.85em; color: #AAA; }

/* -------------------------
 added by ch 131213
------------------------- */
#top_headline { width:300px; margin:0 auto; }
#top_headline marquee { font-size:15px; font-weight:bold; color:#008ac9; }

/* carousel */
.carousel { float: left; margin: 0; padding: 0; overflow: hidden; }
.carousel img { /* width: 460px; height: 290px; */ background: #333; }
/* .carousel-inner { margin: 0 auto; padding: 0; } */
.carousel-caption { /* position: relative; top: -100px; */ height: 85px; overflow: hidden; }
.carousel-caption h4 { margin: 0 0 4px 0; color: #FFF; }
.carousel-caption h4 a { color: #FFF; }
.carousel-caption p { height: 54px; overflow: hidden; color: #CCC; }
.carousel-inner img { margin: 0px; padding: 0; }

/* -------------------------
 container
------------------------- */
.container-fluid { margin: 0 auto; padding: 0; }
#inner-footer{ padding: 0; }
#content { width: 940px; margin: 0 auto; padding-left: 0px; padding-right: 0px; padding: 0; }
#main { margin: 0 auto; padding-left: 0px; padding-right: 0px; padding: 0; }

/* -------------------------
 contents top
------------------------- */
/* contents-title */
#contents-title { width: 940px; margin: 0px auto 10px auto; padding: 0 0 3px 0px; background: #FFF url(images/line_bg.jpg) left bottom repeat-x; }
#contents-title #contents-title-inner { padding: 5px 10px; }
#contents-title #contents-title-inner .main-title { float: left; margin: 0; padding: 0; }
#contents-title #contents-title-inner ul.social { float: right; width: 82px; margin: 0; padding: 3px 0px; }
#contents-title #contents-title-inner ul.social li { display: inline; margin: 0; padding: 0; }

/* culturel-area */
#culturel-area { }
#culturel-area .row { margin: 0 0px 0 -20px; }
#culturel-area .row .span3 { width: 220px; height: 315px; margin: 0 0 0 20px; background: #FFF; }
/*#culturel-area .row #kyushu.span3 { position: relative\9; left: 20px\9; margin: 0 0px 0 0px\9; }*/
#culturel-area .row .span3, #okinawa{ width: 220px; height: 315px; margin: 10px 0px 0 20px; background: #fff; }/* okinawa */
#culturel-area { margin: 0 0px 10px 0px; }
#culturel-area header { border-bottom: solid 1px #008ccb; }
#culturel-area .post-content { margin: 10px; clear: both; height: 80px; overflow: hidden; }
#culturel-area .post-img { margin: 0px; float: left; line-height: 1em; }
#culturel-area .post-img img { margin: 0 7px 0 0px; max-width: 80px; /* height: 80px; overflow: hidden; */ }
head/* */body #culturel-area .post-img img { }
#culturel-area .post-category { margin: 0px 0 2px 0; color: #999; font-size: 0.8em; line-height: 1em; font-weight: bold; }
#culturel-area .post-title { margin: 0px 0 3px 0; font-size: 0.85em; line-height: 1.15em; letter-spacing: 0; color: #008ccb; max-height: 37px; overflow: hidden; }
#culturel-area .post-desc { margin: 0px 0 0 0; color: #999; font-size: 0.7em; line-height: 1em; }

/* carte network Japon */
/*#culturel-area .row #carte { width: 460px; height:315px; margin: 10px 0px 0 20px; background: #FFF; float: right; }*/



/* news-nav */
#news-nav { margin: 0 0px 0px 0px; padding: 0; }
#news-nav .row { margin: 0 0px 0 -20px; padding: 0; }
#news-nav .row .span4 { width: 300px; margin: 0 0px 0px 20px; padding: 0; }
#news-nav .row .span6 { width: 460px; height: 346px; margin: 0 0px 0px 20px; padding: 0; }
#news-nav .row .span106 { width: 460px; height: 173px; margin: 0 0px 0px 20px; padding: 0; }
#news-nav .row .span8 { width: 640px; margin: 0 0px 0px 20px; padding: 0; }
#news-nav section.span8 img { margin: 0; padding: 0; }
#news-nav map { margin: 0; padding: 0; }
#news-nav .row #dans-le-monde.span6 { position: relative\9; left: 20px\9; margin: 0 0px 0 0px\9; }
#news-nav #agenda { width: 340px; margin: 0; padding: 0; }
#news-nav #agenda .agenda img { margin: 0 0 0px 0; }

#news-nav #nationaux { width: 460px; height: 158px; overflow: hidden; margin: 0 0 10px 0px; padding: 0 0 10px; background: #FFF; }
#news-nav #locaux { width: 460px; height: 158px; overflow: hidden; margin: 0 0 0 0px; padding: 0 0 10px; background: #FFF; }
#news-nav header { margin: 3px 0 0 0; border-bottom: solid 1px #008ccb; }

#news-nav #nationaux header { }
#news-nav #nationaux .partner_banner { width: 400px; display: block; text-align: center; margin: 0 0 0 50px; }
#news-nav #nationaux .partner_banner img { position: relative; top: 25px; }
#news-nav #locaux header { margin: 0 0 5px 0; }
#news-nav #locaux .partner_banner { display: block; float: left; width: 215px; height: 64px; margin: 10px 0px 0 10px; text-align: center; border-bottom: dotted 1px #DDD; }
/* -------------------------
 added by ch 2012/11/09
------------------------- */
#news-nav #locaux #video {	display:block; width:250px; height:148px; float:left; margin-top:10px; margin-left:15px; }
#news-nav #locaux #brochure { display:block; float:right; width:180px; height:148px; margin-top:10px; text-align:right; margin-right:15px; }
#news-nav #locaux #banniere { display:block; text-align:center; color:#fff; margin-top:44px; }




/* -------------------------
 contents page
------------------------- */
.page-template-page-left-sidebar-php #main { background: #FFF; }
.page-template-page-left-sidebar-php #content.row-fluid .span9 { margin: 0 0 10px 20px; }
#content.row-fluid .span9 { margin: 0 0 10px 20px; }
.archive #main.span9 { margin: 0 0 10px 20px; }
.error404 #main.span12 { margin: 0 0 -10px 0px; }

/* post styling */
#main .page-header { margin: 0px 0 0px 0; padding: 20px 10px 15px; background: #FFF url(images/line_bg.jpg) left bottom repeat-x; color: #5a5a5a; }
#main .page-header h1 { color: #5a5a5a; font-size: 2.5em; }

/* -------------------------
 added by ch 130515
------------------------- */
#main .page-header h1 .gris { color: #999999; }

#main .post_content { margin: 0px 0 10px 0; padding: 20px 10px; background: #FFF; }

#main .post_content .colonnegauche {width: 320px; padding: 0px; float: left;}
#main .post_content .colonnedroite {width: 320px; padding: 0px; float: right;}

#main p.meta { padding: 10px 10px 0 10px; color: #808080; }
/* #main article { margin-bottom: 18px; border-bottom: 1px solid #eeeeee; padding: 0 0 9px; }
.sidebar { margin-top: 18px !important; margin-bottom: 10px; }
#main article footer { border-top: none; margin-top: 0; padding-top: 0; position: relative; min-height: 20px; }
#main article footer a.edit-post { position: absolute; right: 0; top: 0; display: none; }
.post:hover a.edit-post{ display: inline; } */
p.tags{ line-height: 20px; }
div[id*='attachment_']{ max-width: 100%; height: 100%; }
#credit320{ background: url('images/320press_mini.png') no-repeat left top transparent; padding-left: 20px; }
#main article img{ max-width: 100%; }
img.alignleft{ margin-right: 10px; float: left; }
img.alignright{ margin-left: 10px; float: right; }
img.aligncenter{ display: block; margin: 0 auto; }
.post header img{ margin-bottom: 18px; }
.archive #main .post h3{ line-height: 24px; margin-bottom: 10px; }
video { max-width: 100%; height: auto; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,  
.video-container object,  
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-wrapper { width: 630px; max-width: 100%; margin-bottom: 18px; }
/* page styling */
.page-template-page-homepage-php #main article{ border-bottom: none; }
.page-template-page-homepage-php .hero-unit, .blog .hero-unit{ margin: 0 0 10px 0; padding: 1em; }
.hero-unit h1 { font-size: 3em; }

.page-template-page-homepage-php #main { max-width: 940px; margin: 0; padding: 0; }
.page-template-page-homepage-php #main .row-fluid { margin: 0; padding: 0; }
.page-template-page-homepage-php #main .row-fluid .span8 { margin: 0; padding: 10px; }
.page-template-page-homepage-php #sidebar2 { max-width: 220px; margin: 0 0 0 20px; padding: 10px; }

.page-template-default #main { background: #FFF; margin: 0 0 10px 0px; }
.page-template-default .row-fluid .span9 { margin: 0 0 10px 0px; }

.search-results #main article header { margin: 0px 0 0px 0; padding: 15px 10px 0px 30px; background: #FFF url(images/blue_arrow.jpg) 15px 23px no-repeat; color: #5a5a5a; }
.search-results #main article .post_content { margin: 0; padding: 10px 10px 15px 10px; border-bottom: dotted 1px #CCC; }
.search #main article header { margin: 0px 0 0px 0; padding: 15px 10px 0px 30px; background: #FFF url(images/blue_arrow.jpg) 15px 23px no-repeat; color: #5a5a5a; }
.search #main article .post_content { margin: 0; padding: 10px 10px 15px 10px; border-bottom: dotted 1px #CCC; }

#post-not-found header { margin: 0px 0 0px 0; padding: 15px 10px 0px 10px; background: #FFF; color: #5a5a5a; }

/* pagination */
.pagination { margin: 20px 10px 10px; }

/* -------------------------
 contents single
------------------------- */
.single #main { background: #FFF; margin: 0 0 10px 0px; }
.single .row-fluid .span9 { margin: 0 0 10px 0px; }

/* comments */
#comments{ line-height: 24px; margin-bottom: 18px; }
ol.commentlist, ol.commentlist ul.children{ list-style-type: none; margin-left: 0; }
.comment .vcard div{ margin-top: 8px; padding: 0 10px; }
ol.commentlist time{ font-size: .8em; color: #eeeeee; }
ol.commentlist div.comment-author{ position: relative; }
ol.commentlist a.comment-edit-link{ color: #ffffff; text-decoration: none; padding-left: 5px; }
ol.commentlist span.edit-comment{ position: absolute; right: 10px; top: 8px; }
ol.commentlist li.bypostauthor{ background-color: #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
a.comment-reply-link{ position: absolute; right: 0; bottom: 0; }
#cancel-comment-reply{ padding-left: 20px; }
#comment-nav ul{ list-style-type: none; margin: 0; }
#comment-form-elements{ list-style-type: none; margin: 0; }
.comment .vcard .avatar{ padding-right: 0; }
.comment .vcard .comment-text{ margin-left: 0; }
img.avatar{ border-top: 1px solid #ddd; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 1px solid #ddd; }
ol.commentlist li{ padding-right: 10px; background-color: #F0F0F0; }
#comment{ width: 270px; }
/* specific post-type styles */

/* image attachment */
.attachment #main .post_content img{ max-width: 100%; }
.ie8 #main .media-grid img{ max-height: none !important; max-width: none !important; }
.attachment-img{ margin-bottom: 18px; }
.metadata p.alert-message{ margin-right: 0; margin-bottom: 18px; }
#gallery-nav{ list-style-type: none; margin-left: 0; }
li.next a, li.previous a{ position: relative; }
li.next a:hover:before{ content: "\2190"; position: absolute; display: block; top: 42%; left: 0; background-color: #BFBFBF; color: #444; width: 20px; height: 20px; padding-left: 5px; text-decoration: none; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); }
li.previous a:hover:before{ content: "\2192"; position: absolute; display: block; top: 42%; right: 0; background-color: #BFBFBF; color: #444; width: 20px; height: 20px; padding-left: 5px; text-decoration: none; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); }

/* -------------------------
 widget
------------------------- */
/* widget styles */
.widget { margin-bottom: 10px; background: #FFF; }
.widgettitle { margin: 0px 0 0px; padding: 10px; background: #FFF url(images/line_bg.jpg) left bottom repeat-x; font-size: 1.5em; font-weight: normal; color: #008ccb; }
.widgetbox-title { margin: 0px 0 2px; padding: 0px; font-size: 0.9em; font-weight: normal; color: #333333; }
.widgetbox { margin-bottom: 10px; background: #FFF; line-height: 0; }

.widget_search { height: 30px; padding: 10px; }
.input-prepend #search { width: 45%; }

.widget ul { margin: 0px 0 0px; padding: 0px 0 0 0; list-style: none; }
.widget ul li { margin: 0 0 0px; background: #eeeeee url(images/gray_arrow.jpg) 10px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; }
.widget ul li a { display: block; padding: 10px 5px 8px 25px; font-weight: bold; color: #5a5a5a; }
.widget ul li a:hover { background: #FFFFFF url(images/blue_arrow.jpg) 10px 15px no-repeat; color: #008ccb; text-decoration: none; }
.widget ul li a:hover { opacity: 1.0; filter: alpha(opacity=100); }

.widget_pages { }
.widget_pages ul { margin: 0px 0 0px; padding: 0px 0 0 0;  list-style: none; }
.widget_pages ul li.page_item { margin: 0 0 0px; background: #eeeeee url(images/gray_arrow.jpg) 10px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; }
.widget_pages ul li.current_page_item { margin: 0 0 0px; background: url(images/blue_arrow.jpg) 10px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; }

.widget_pages ul li.page_item li { margin: 0 0 0px; padding: 0 0 0 10px; background: #eeeeee url(images/gray_arrow.jpg) 20px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; }
/*.widget_pages ul li.page_item li { margin: 0 0 0 10px;  /*border-left: solid 10px #666;*/ /*}*/

.widget_pages ul li.page_item a { display: block; padding: 10px 5px 8px 25px; font-weight: bold; color: #5a5a5a; }
.widget_pages ul li.page_item a:hover { background: #FFFFFF url(images/blue_arrow.jpg) 10px 15px no-repeat; color: #008ccb; text-decoration: none; }
.widget_pages ul li.page_item a:hover { opacity: 1.0; filter: alpha(opacity=100); }

/*
.widget ul li { margin: 0 0 0px; background: url(images/blue_arrow.jpg) 10px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; }
.widget ul li a { display: block; padding: 10px 5px 8px 25px; color: #008ccb; }
.widget ul li a:hover { background: #eeeeee url(images/gray_arrow.jpg) 10px 15px no-repeat; color: #5a5a5a; text-decoration: none; }
.widget ul li a:hover { opacity: 1.0; filter: alpha(opacity=100); }
*/

#icl_lang_sel_widget #lang_sel { height: 30px; padding: 10px; }
.icl_languages_selector ul { margin: 0px 0 0px; padding: 0px 0 0 0; list-style: none; }
.icl_languages_selector ul li { border: none; margin: 0 0 0px; }
.icl_languages_selector ul li a { padding: 0; color: #008ccb; }

#mail-magazine { margin-bottom: 10px; padding: 7px; background: url(images/gray_line.jpg) repeat; }
#mail-magazine .widgetbox-title { background: url(images/mail.jpg) right top no-repeat; }
#mail-magazine .magazine-title { margin: 0px 0 0px; font-size: 1.3em; font-weight: normal; color: #008ccb; }
#mail-magazine .controls { margin: 5px 0; }
#mail-magazine .controls .span2 { width: 65%; }

#widget-social { margin: 0 0 10px 0; padding: 7px 10px 10px; }
#widget-social .widgetbox-title { margin: 0 0 10px 0; }
#widget-social ul.social { margin: 0; padding: 3px 0px; text-align: center; }
#widget-social ul.social li { display: inline; margin: 0; padding: 0; }
#widget-links { margin: 0 0 10x 0; padding: 5px 10px 30px 10px; text-align: center; }
#widget-links a { display: block; padding: 15px 0; border-bottom: dotted 1px #ddd; }

.widget a:hover { opacity: 0.5; filter: alpha(opacity=60); }
.widgetbox a:hover { opacity: 0.5; filter: alpha(opacity=60); }

#tag-cloud{ margin-bottom: 18px; line-height: 160%; }
/* for some reason the bs version currently available for download doesn't have this style */
.label{ text-transform: uppercase; }
/* override standard link hover for the tag cloud widget */
#tag-cloud a:hover, .tags a:hover{ color: #ffffff; text-decoration: none; }
#tag-cloud a{ white-space: pre; text-transform: uppercase; }
/* change default form padding for search */

.widget_search form{ padding-left: 0; }
.widget_search input{ width: 121px; }

/* calendar widget */
#calendar_wrap { border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; }
#wp-calendar { width: 100%; 
}
#wp-calendar caption{ font-weight: bold; padding: 8px; }
#wp-calendar tr{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#wp-calendar tr:last-child{ border-bottom: none; }
#wp-calendar td{ text-align: center; padding: 8px 0; }
blockquote.pull-left{ padding-right: 15px; }

/* footer-inner */
#inner-links { width: 940px; margin: 0 auto 10px auto; padding: 10px 0 7px 0; background: #FFF; }
#inner-links .row { margin: 0 0px 0 0px; }
#inner-links .row .span2 { padding: 0 20px 0 0px; border-right: dotted 1px #CCCCCC; }

/* -------------------------
 footer
------------------------- */
#inner-footer { width: 940px; min-height: 85px; margin: 0 auto 20px auto; padding: 0/*px 0 10px*/; background: #FFF; color: #008ccb; }
#inner-footer img {margin:0; padding:0;}
#inner-footer p {margin-left:10px;}

#inner-footer nav { float: left; }
#inner-footer #mark { position: relative; top: 14px; padding: 14px; }
#inner-footer span.attribution { display: block; position: relative; top: -8px; left: 150px; }
#inner-footer #logo_s { position: relative; top: 14px; right: 14px; }
#inner-footer a:hover { opacity: 0.5; filter: alpha(opacity=60); }

@media only screen and (min-width: 940px) { body{ padding-top: 20px; }
.topbar-inner{ padding: 0; }
.topbar form.pull-right { float: right; }
.navbar-form, .navbar-search { margin-top: 6px; margin-bottom: 0; }
.navbar-search{ padding-left: 0; }
.sidebar { margin-top: 0 !important; }
.widget_search input{ width: 230px; }
.blog .hero-unit{ margin-top: 10px; }
.page-template-page-homepage-php .hero-unit, .blog .hero-unit{ padding: 60px; }
.hero-unit h1 { font-size: 60px; }
/* hide edit comment button and show on hover on desktop version */
.edit-comment{ display: none; }
.vcard:hover .edit-comment{ display: inline-block; }
#s{ width: 210px; }
.widget_search input{ width: 203px; }
.comment .vcard .comment-text{ padding-left: 0; padding-right: 0; }
}


/* float */
.floatwrapper { overflow: hidden; zoom: 1; }
.floatleft { float: left; margin-right: 0px;}
.floatright { float: right; margin-left: 0px; }
.right, .left { overflow: hidden; zoom: 1; word-wrap: break-word; }
.right img, .left img { max-width: 100%; height: auto; }

.caption { background-color: #D9EDF7; padding: 4px; margin-bottom: 10px; }

table.infotable th { text-align: left; }
table.infotable td { text-align: right; }


/*
.post-content .post-img img { width: 80px; height: 80px; }
.carousel .post-img { max-height: 100%; max-width: 100%; }
*/

/* MyThumbnail */
.myPic
{ }


/* -------------------------
 event-content-archive
------------------------- */
#main section.event-content-archive { clear: both; margin: 0; padding: 0; }
#main section.event-content-archive a.a_box { padding: 10px 10px; display: block; min-height: 145px; text-decoration: none; }
#main section.event-content-archive a.a_box:hover { background: #FFF; }
.event-excerpt a:hover, .workshop-excerpt a:hover, #past-events .event-excerpt a:hover{ background: #eee; border-color: #666; } 
.event-excerpt h2, .partner h2 { color: #000; } 	
.event-img { float: left; margin: 0 20px 10px 0px; padding: 0; height: 100px; width: 100px; /* border: 1px solid #008CCB; */ background: #EEE url(images/no-image.jpg) left top no-repeat; }
.event-img img { margin: 0; padding: 0; } 
.event-info { margin: 0 65px 0 120px; color: #333; font-size: 0.9em; }
.event-info header { display: block; margin: 0px 0 10px 0; } 
.event-info small { display: block; margin: 5px 0 0 0; color: #008ACB; }
.event-info small strong { color: #333; }

.event-calendar { display: block; float: right; width: 55px; margin: 0px; text-align: right; }
.fromto { display: block; background: url(images/arrow_down_s.gif) 2px center no-repeat; width: 20px; height: 20px; text-align: center; margin: 0px auto; color: #bbb; }
.mini-cal { background: url(images/cal_bg.gif) no-repeat top left; width: 50px; height: 63px; overflow: hidden; text-align: center; }

.one-day .end-date{ display: none; } 

.today .mini-cal { background: url(/css/images/cal-bg-today.png) no-repeat top left; }
#past-events .mini-cal { background: url(/css/images/cal-bg-past.png) no-repeat top left; }
#past-events .mini-cal .month { color: #eee; } 
.mini-cal .month { border: 0; margin: 0; color: #FFF; padding: 0; margin: 10px 0 9px 0; font-weight: bold; }
.mini-cal .day { border: 0; background: none; margin: 0; padding: 0; line-height: 14px; color: #666; font-weight: bold; font-size: 2em; }  	
#event-cats, #parameters,
#classifieds-cats { display: block; padding: 1px; float: left; width: 100%; margin-bottom: 25px; }

/* em-calendar */
.em-calendar-wrapper { padding: 15px 0; }
.em-calendar { text-align: center; margin: 0 auto 10px auto; }

/* content bg */
html,body,div#content { height: 100%; }
#content { min-height: 100%; margin: 10px auto 10px auto; padding: 0; background: url(images/content_bg_700.gif) right repeat-y; }
body > div#content { height: auto; }
.home #content { background: none; }
#widget-links { margin: 0px; }

.link_banners { padding: 0 20px; text-align:center; }


.btn-fr { font-size: 9px; }


.event_list_sub_title {
margin: 20px 20px 0px 20px;
border-bottom: 4px solid #238BD0;
}

/* liens directs 20/01/2014 */
#bande { max-width: 940px; height:158px; margin: 0 auto 20px auto; padding: 0; /* background: #FFF; */ }

/* villa kujoyama */
#bande #villa { width: 460px; height: 158px; overflow: hidden; margin:0; padding: 0 0 10px; background: #FFF; float:left; }
#bande #villa .titre { margin:0; padding:0 0 2px; border-bottom: solid 1px #008ccb; height:32px;}
#bande #villa .contenu { width: 460px; margin:0; padding:0; height:126px;}
#bande #villa .contenu #hier { width:153px; margin:0; padding:10px 0; height:116px; text-align:center; float:left; font-weight:bold; }
#bande #villa .contenu #hier img { margin-right:8px; margin-bottom:10px 0 ;}
#bande #villa .contenu #aujourdhui { width:153px; margin:0; padding:10px 0; height:116px; text-align:center; float:left; font-weight:bold; }
#bande #villa .contenu #aujourdhui img {margin-bottom:10px 0;}
#bande #villa .contenu #demain { width:153px; margin:0; padding:10px 0; height:116px; text-align:center; float:left; font-weight:bold; }
#bande #villa .contenu #demain img { margin-left:8px; margin-bottom:10px 0;}

/* rs */
#bande #rs { width: 460px; height: 158px; overflow: hidden; margin:0; padding: 0 0 10px; background: #FFF; float:right; }
#bande #rs .titre { margin:0; padding:0 0 2px; border-bottom: solid 1px #008ccb; height:32px;}
#bande #rs .contenu { width: 460px; margin:0; padding:0; height:126px; text-align: center;}
#bande #rs .contenu img { margin:10px; padding:0; }
/*
#bande #rs .contenu #icons { width:240px; margin:0; padding:0; height:116px; float:left; }
#bande #rs .contenu #icons ul { margin:10px 0; padding:0; list-style:none; list-style-position:outside; }
#bande #rs .contenu #icons ul li { margin:0; padding-left:8px; }
#bande #rs .contenu #icons ul li img { margin-right:4px; vertical-align:bottom; }
#bande #rs .contenu #promo { width: 210px; margin:0; padding:10px 0; height:126px; float:right; }*/




/* liens directs 07/05/2014 */
#sommet { max-width: 940px; height:100px; margin: 0 auto 10px auto; padding: 0;}

/* carte Japon 08/05/2015 */

#news-nav .span6 a:link {color:#fff; text-decoration:none; font-weight:bold;}
#news-nav .span6 a:hover { text-decoration:underline; font-weight:bold;}
#news-nav .span6 a:visited {color:#fff; text-decoration:none;  font-weight:bold;}
#news-nav .span6 ul {padding-top:24px;}

#news-nav .span6 ul li {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	list-style:none;
	line-height:1.4;}

#carte a:link {color:#fff; text-decoration:none; font-weight:bold;}
#carte  a:hover { text-decoration:underline; font-weight:bold;}
#carte  a:visited {color:#fff; text-decoration:none;  font-weight:bold;}
#carte  ul {padding-top:24px;}

#carte  ul li {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	list-style:none;
	line-height:1.4;}


.event-dates{
	float: right;	
}

.event-dates .end-date{
	margin-top: 30px;
	float: none;	
}

.event-content-archive .event-dates .separator {
	float: none;
	margin: 60px 5px 10px 15px;
}

#listpage ul li {
	margin-bottom:20px !important;
}

h2, h3, h4, h5, h6 {
	color:#016EAD;
}
.dottedline {
	border-top: 2px dotted #016EAD;
	padding-top: 20px;
}
#uline a {
	text-decoration: underline !important;
}


/* pole livre debat d'idees のページ用に追加 2018/02/07 */
.2col {
	display:block;
	width: 100%;
}
.col1 {
	width: 50%;
	float: left;
	font-size: 18px;
	font-weight: bold;

}
.col2 {
	width: 50%;
	float: right;
	font-size: 18px;
	font-weight: bold;
}

.button1 {
	display: inline-block;
	width:99%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #008ac9;
	color: #fff;
	position: relative;
	border-radius: 4px;
  -webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #0059B2;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	
}
.button1::before,
.button1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button1,
.button1::before,
.button1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button1:hover {
	background-color: #00A3F0;
	box-shadow: 0 3px 0 #005FBD;
	letter-spacing: 2px;
	text-decoration: none;
	color: #ffffff;
}
.button1:active {
  top: 3px;
  box-shadow: none;
}

.waku {
	margin-bottom: 10px;
}


.carre {
	width: 150px;
	height: 250px;
	padding: 0;
	float: left;
	text-align: center;
	margin-right: 20px;
	border: 1px solid #666666;
}
.carre:first-child {
	margin-left: 6px;
}
.carre:last-child {
	margin: 0;
}