/*  */
/* TO REFRESH CSS USE BELOW LINK ! */
/* http://www.oeff.jp/spip.php?page=css.css&var_mode=recalcul */
/* TO REFRESH CSS USE ABOVE LINK ! */
/*  */

@charset "utf-8";

html,body{margin:0;padding:0;font-size: 16px; line-height:1.3em;}

body{background: white url(/squelettes/film_background_blue.jpg) top center repeat-y;text-align: center;font: 1em ;font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","MS PGothic","ＭＳ Ｐゴシック",Arial,sans-serif;}
p{margin:10px 0}
h1,h2,h3{font: normal normal 2em ; line-height:1.3em;margin:0;padding:0;}
h2{font-size:1.6em; line-height:1.3em;}
h3{font-size:1.2em; line-height:1.3em;}

a img {border:0px;}
a {color:blue;}
a:hover{color:red;}
a:hover img{ opacity:0.3; }

div#container{
	width:980px !important; background:transparent;text-align:left;padding:20px;padding-top:0;/*border-left:solid lightgray 1px;border-right:solid lightgray 1px;*/
	margin:0 auto;}


#top{margin-bottom:0;}
#search_hierarchie_translation {clear:both;width:100%; font-size:0.8em;}
#OEFF_header_print{display:none;}
.url_print {display:none;}

#cse-search-box {display:inline;padding-right:20px;}
div#hierarchie {color:blue;}

div#content, div#right{background:transparent;float:right;display:inline;width:760px;margin:0;margin-bottom:20px;}

/****************** MAIN CONTENT - STYLES ******************************/

div#titles {background: #BBBBBB;padding:6px 20px;z-index:1;
	border-top-left-radius:12px;border-top-right-radius:12px;
	-moz-border-radius-topleft:12px; -moz-border-radius-topright: 12px; 
	-webkit-border-top-left-radius:12px;-webkit-border-top-right-radius:12px;-moz-box-shadow: 2px 0px 4px #000;-webkit-box-shadow: 2px 0px 4px #000;box-shadow: 2px 0px 4px #000;
	behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
div#titles h1{font-size:2.2em;padding: 10px 0;text-align:center;color: #000066;}
div#titles h2{font-size:2em;padding-bottom: 10px;text-align:center;color: #000066;}

div#main_content{background:#FFFFFF;z-index:2;border:1px solid #BBBBBB;padding:20px 40px;height: 100%;text-align:justify;-moz-box-shadow: 2px 2px 4px #000;-webkit-box-shadow: 2px 2px 4px #000;box-shadow: 2px 2px 4px #000;}
#main_content h3 {font-size:1.5em;padding: 20px 0;text-align:center;color: #000066;}

div.other_articles{
	padding:20px 10px;
	color: #000066;
	text-align:center;
	border:1px solid #BBBBBB;
}
div.other_articles h3{font-size:22px;margin: 10px 0;text-align:center;color: #000099;}
div.other_articles a {font-size:12px;padding:1em 0;}

.thumbnail_rubrique {width:329px;height:245px;float:left;}
.thumbnail_rubrique A {text-decoration:none;text-align:center;display:block;padding:3px;}
.thumbnail_rubrique A h3 {padding:0px;margin:0px;text-align:center;}
.thumbnail_rubrique A:hover h3 {color:red;}
.thumbnail_rubrique A img {margin:0px auto;border:3px #CCC solid;}
.thumbnail_rubrique A:hover img {border:3px red solid;}

div#descriptif {margin-bottom:20px;text-align:center;color: #000066;background:#CCCCCC;padding:5px 10px;font-size:0.7em;}

.video {background:#DDDDDD;margin: 0 auto;margin-top:20px;margin-bottom:20px;color: #000066;text-align:center;padding:10px 0 5px 0;}

div#chapo{float:right;width:200px;padding:2px;font-size:0.7em;margin:10px;margin-right:0px;margin-left:15px;background:#DDDDDD;color:#000066;}
div#chapo table.spip td {text-align:left;padding:2px 2px 2px 2px;}

div#synopsis{}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.photos{margin-bottom:10px;background:#DDDDDD;margin:0 auto;text-align:center;}
.photos img{border:1px #FFFFFF solid;}
.photos a{border:none;float:left;margin:5px;}

div.date{
	float:left;width: 9em;padding: 8px 0;background: #AACCCC;color:#FFFFFF;
	text-align:center;margin-right: 15px;font-size: 0.8em;line-height:0.9;
}
div.date span{display:block;font-size: 1.2em;font-weight:bold}

div.comments div{background: #EEEEEE;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}

.shadow {-moz-box-shadow: 2px 2px 4px #000;-webkit-box-shadow: 2px 2px 4px #000;box-shadow: 2px 2px 4px #000;behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */}

/*  */
/* TO REFRESH CSS USE BELOW LINK ! */
/* http://www.oeff.jp/spip.php?page=css.css&var_mode=recalcul */
/* TO REFRESH CSS USE ABOVE LINK ! */
/*  */

/****************** END MAIN CONTENT - STYLES ******************************/

div#left{float:left;display:inline;width: 200px; margin:0px;}

ul.navigation{padding:0;margin:0;}
ul.navigation li{padding:0;margin:0;margin-top:5px;list-style-type:none;}
ul.navigation li a{
	display:block;width:188px;padding:6px;
    /*background: #0000FF;*/color: #FFFFFF;
    text-decoration:none;text-align:center;
    background-image: -moz-linear-gradient(top, #7777FF, #0000FF); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7777FF),color-stop(1, #0000FF)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7777FF', EndColorStr='#0000FF'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7777FF', EndColorStr='#0000FF')"; /* IE8 */
    behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
ul.navigation li a:hover {
    background-image: -moz-linear-gradient(top, #FF7777, #FF0000); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FF7777),color-stop(1, #FF7777)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF7777', EndColorStr='#FF7777'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF7777', EndColorStr='#FF7777')"; /* IE8 */
    behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
ul.navigation li a.on { background:#FF0000; } /* liens exposes */

#sponsor_logo {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; background-color: rgba(255,255,255,0.5);text-align:center;margin:20px 0;padding-top:20px;}

.pop-boxes {}
ul.pop-boxes {list-style-type:none;margin:0;margin-top:0px;padding:0;margin-bottom:30px;width:200px;}
ul.pop-boxes li{
	padding:10px;margin:0px;margin-top:10px;border:1px solid gray;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; 
	-moz-box-shadow: 2px 2px 4px #000; /* Firefox */  -webkit-box-shadow: 2px 2px 4px #000; /* Safari and Chrome */ box-shadow: 2px 2px 4px #000;
	behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */}
ul.pop-boxes h3{margin:0;padding: 0 4px;text-align:center;padding-bottom:3px;color: whiteX}
ul.pop-boxes p{font-size:0.8em;color:black;margin:0;padding: 0 4px}
ul.pop-boxes a{text-decoration:none;display:block;}
ul.pop-boxes a:hover h3{color:red;}

div#footer{
	clear:both;
	width:97%;
	overflow:hidden;
	font-size:0.7em;
	color: #FFFFFF;
	background: #0000FF;
	padding:8px 14px;
	text-align:right;
	border-radius: 4px; 	-moz-border-radius: 4px; 	-webkit-border-radius: 4px;
	-moz-box-shadow: 4px 4px 6px #000; /* Firefox */	-webkit-box-shadow: 4px 4px 6px #000; /* Safari and Chrome */	box-shadow: 4px 4px 6px #000;
	behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
div#footer a{color: white;text-decoration:none;}
div#footer a:hover{color:red;}

a#language_link_english img{border:1px gray solid;}
a#language_link_japanese img{border:1px gray solid;padding:1px;}
a#language_link_english:hover img{border:1px red solid;}
a#language_link_japanese:hover img{border:1px blue solid;}

.bookmark_buttons {
	overflow: hidden;
	height: 16px;
	margin:-10px 0 0 -10px;
	padding:0 0 0 32px;
	background:url(/squelettes/bookmarks/bg_bookmark.gif) -1px 0 no-repeat;
}
.bookmark_buttons a {
	display: inline;
	padding:1px;
}
.bookmark_buttons img {
	margin:1px;
}

.spip_documents { text-align: center;background: #CCC;display:table;padding:10px;margin:1em;}
.spip_documents img{ padding:2px;background:white;}
.spip_documents_center { clear: both; margin:0 auto; display:table;}
.spip_documents_left { float: left; margin:0px; margin-right: 15px; margin-top: 10px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin:0px; margin-left: 15px; margin-top: 10px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/*  */
/* TO REFRESH CSS USE BELOW LINK ! */
/* http://www.oeff.jp/spip.php?page=css.css&var_mode=recalcul */
/* TO REFRESH CSS USE ABOVE LINK ! */
/*  */

/*  ************************************************************************************************  */

/* Follow tab */
#followTab {
	background: white top left repeat;
	position: fixed; z-index: 5; right: 0; top: 80px; width: 24px; height: 153px; padding: 5px;  overflow: hidden;list-style: none; 
	border: 1px solid gray; border-right: none; 
	border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; 
	box-shadow: 0 0 3px gray; -moz-box-shadow: 0 0 5px gray; -webkit-box-shadow: 0 0 5px gray; 
}
#followTabInner { position: fixed; z-index: 4; right: 0; top: 133px; width: 34px; height: 122px; padding: 0; overflow: hidden; display: block; list-style: none; margin: 0; /* opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/ }

#followTab li { margin: 4px 0; padding: 0; }
#followTab a { display: inline-block; width: 24px; background-position: 0 0; }
#followTab a span { display: none; }
#followTab a.newsletter { height: 16px; background-image: url("http://www.oeff.jp/squelettes/icons/email.png"); }
#followTab a.newsletter:hover { background-position: 0 -16px; }
#followTab a.rss { height: 24px; background-image: url("http://www.oeff.jp/squelettes/icons/rss.png"); }
#followTab a.rss:hover { background-position: 0 -24px; }
#followTab a.twitter { height: 15px; background-image: url("http://www.oeff.jp/squelettes/icons/twitter.png"); }
#followTab a.twitter:hover { background-position: 0 -15px; }
#followTab a.facebook { height: 24px;background-image: url("http://www.oeff.jp/squelettes/icons/facebook.png"); }
#followTab a.facebook:hover { background-position: 0 -24px; }
#followTab a.mixi { height: 30px;background-image: url("http://www.oeff.jp/squelettes/icons/mixi.jpg"); }
#followTab a.mixi:hover { opacity:0.5; }
#followTab a.blog { height: 24px;background: url("http://www.oeff.jp/squelettes/icons/staff_blog.jpg"); }
#followTab a.blog:hover { opacity:0.5; }