/*
Theme Name: test IRI sam
Theme URI: http://www.iri.centrepompidou.fr
Description: A Wordpress theme adaptation for IRI
Version: 0.1
Author: Samuel Huron
Author URI: http://www.cybunk.com/
Credits: http://code.google.com/p/blueprintcss/
*/
/* IMPORTANT - PLEASE READ
This theme uses the Blueprint CSS framework for
default positioning, typography, form styling, etc.
The styles below are specific for this theme
only. Feel free to edit them as necessary. Generally
speaking, you will will likely never need to edit
the Blueprint CSS stylesheets, which are located in:
wp-content/themes/name-of-this-theme/css/
*/
html
{
scrollbar-face-color: #5b5b5b;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #5fbcde;
}
body
{
margin-bottom: 0;
margin-top: 10px;
/*background: url('images/line.gif') top repeat-x;*/
}
blockquote
{
font-style: normal;
padding: 0 0 0 0;
color: #000;
background: url('images/quote.png') .5em top no-repeat;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
a
{
color: #2C80AF;
text-decoration: none;
}
a:active, h2 a:active, h3 a:active, h4 a:active
{
color: #5fbcde;
text-decoration: none;
}
a:hover, h2 a:hover, h3 a:hover, h4 a:active
{
color: #3466fe;
text-decoration: none;
}
a:visited
{
/*color: #5fbcde;*/
text-decoration: none;
}
h2 a:visited, h3 a:hover, h4 a:active
{
/*color: #3466fe;*/
text-decoration: none;
}
blockquote p { padding: 0 20px 0 30px; }
hr
{
background: #CCC;
height: 1px;
}
img { margin: 0; }
.photo_align_left
{
float: left;
padding: 0 1.5em 1.5em 0;
}
a.button { float: left; }
/* Fix for buttons */
input
{
padding-left: 0;
border: 1px solid #CCCCCC;
}
ol { margin-left: 35px; }
label { font-weight: normal; }
textarea
{
height: 200px;
width: 500px;
}
.small { font-size: .9em; }
p.small { padding-top:0px; margin-top:0px; }
.nomargin { margin: 0; }
a.button, button { font-weight: normal; }
dl.small dd { font-size: .9em; }
span.meta_align_right
{
color: #ccc;
font-size: .6em;
float: right;
}
span.meta_align_right a { color: #ccc; }
span.meta_align_right a:hover { color: #000; }
.meta
{
color: #ccc;
font-size: .8em;
line-height: 1.875em;
font-family: Georgia;
}
.meta a { color: #ccc; }
.meta a:hover { color: #000; }
.byline
{
color: #ccc;
font-size: .8em;
line-height: 1.875em;
}
.byline a
{
color: #FF3706;
text-decoration: none;
line-height: 1.875em;
}
.byline a:hover { color: #000; }
.five_posts h6 a, .five_posts h4 a, .five_posts h3 a
{
text-decoration: none;
margin-bottom: 0;
}
.advanced-recent-posts{
}
#maincontent h2, h4
{
color: #2C8084;
border-bottom: 1px dotted #AAA;
margin-bottom: 0px;
/*margin-bottom: 15px;*/
}
h2 a, h4 a
{
color: #2C8084;
text-decoration: none;
}
#maincontent .contentHome{ padding: 25px 30px 10px 48px; }
#maincontent .content { padding: 0px 30px 20px 48px; }
#feature h3 { margin-bottom: 0; padding: 0;}
#feature p img { margin: 7px 0 2em 0; }
.feature_text { margin-top: 2em; }
#home_right { padding: 0; }
#home_right .entry { padding: 0 0 2em 0; }
.author { padding: 1.5em; margin-bottom: 1.5em; background: #eee;}
.author img { float: left; padding: 0 1em 1em 0;}
.author p { margin-left: 8em;}
.author h6 { margin-left: 7em; border-bottom: 1px #000 dotted;}
.navigation, .navigation a { color: #AAA; width:100%; }
.alignright { float: right; }
.alignleft { float: left; }
.post { margin-bottom: 10px; }
.entry { padding-bottom: 15px; text-align:justify; }
.entry p { text-align:justify; }
/* Social */
#social
{
font-size:1em;
font-family:Georgia;
font-weight:bold;
}
/* HEADER */
#header
{
height: 67px;
width: 950px;
padding: 0px 0 10px 0;
}
#header h1, #header .description
{
padding: 0;
margin: 0;
line-height: 1em;
}
#p2c-header h2 {
color: #3268FF;
border-bottom: 1px dotted #AAA;
margin-bottom: 15px;
}
#p2c-header p {
text-align:justify;
}
/* NAVIGATION IN POSTS */
.entry #nav .content
{
padding: 0;
margin: auto;
}
.entry #nav
{
margin-bottom: 15px;
background: #FFF;
}
.entry #nav li a
{
color: #FFF;
border-right: 1px solid #AAA;
background: #666;
}
.entry #nav li.last a { border-right: none; }
.entry #nav li a:hover
{
background: #333;
color: #FFF;
}
.entry img { margin: 0; }
.more {
margin-top:-10px;
display: block;
float: right;
}
/*
??????????????????????????????
SEARCH
*/
#search { float: left; }
#search #s
{
background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
padding: 2px 0 2px 17px;
background-color:#FFF;
width: 410px;
color: #CCCCCC;
font-size: 0.9em;
margin-right: 0px;
margin-top: 10px;
}
#search #s :hover {
color: #000;
border: 1px solid #000;
}
#msg {
display:block;
margin:5px;
padding:5px;
border:1px dotted;
}
#searchHome {
/**/
/*float:left;*/
width: 271px;
height: 26px;
background: url(images/search_box_bgd.gif);
float: left;
margin-right:2px;
}
#searchHome #s { float: left; padding: 0; margin-top: 5px; margin-left: 2px; border: 0; width: 127px; background: none; height:17px;}
#searchHome #s:hover { color: #000; background: url('images/search_bg_hover.gif') repeat-x;}
#searchHome #bt { float: left; border:0px; background:transparent; cursor:pointer; height:25px; width:20px; overflow:hidden;}
#searchPage { border-left:#6f6f6f 1px; width: 190px; height: 26px; background: url('images/search_box_bgd.gif') no-repeat; background-position:top right; float: left; margin-right:2px;}
#searchPage #s { float: left; padding: 0; margin-top: 5px; margin-left: 2px; border: 0; width: 82px; background: none; height:17px;}
#searchPage #s:hover { color: #000; background: url('images/search_bg_hover.gif') repeat-x;}
#searchPage #bt { float: left; border:0px; background:transparent; cursor:pointer; height:25px; width:20px; overflow:hidden;}
/* Search skinned select */
/* Skinned Select Box Copyright 2007 Derek Harvey GNU */
/* www.lotsofcode.com */
div.skinned-select-Home {
background: url('images/select-skin-h.png') no-repeat;
float:left;
margin-top: 4px;
height:19px;
width:121px;
}
div.skinned-select-Home select {
opacity: 0;
filter: alpha(opacity = 0);
moz-opacity: 0;
position: relative;
z-index: 100;
}
div.skinned-select-Home .select-text-Home {
position: absolute;
text-indent: 10px;
line-height: 19px;
width: 121px;
z-index: 1;
}
div.skinned-select-Home .select-text-Home,
div.skinned-select-Home select {
width: 121px;
font-size: 12px;
color: #CCCCCC;
border:none;
}
div.skinned-select-Home select option {
width: 121px;
font-size: 12px;
color: #CCCCCC;
background:#383838;
border:none;
padding:0px;
margin:0px;
}
div.skinned-select-Home select option:focus {
color: #383838;
background:#ffffff;
border:none;
}
div.skinned-select-Page {
background: url('images/select-skin-p.png') no-repeat;
float:left;
margin-top: 4px;
height:19px;
width:86px;
}
div.skinned-select-Page select {
opacity: 0;
filter: alpha(opacity = 0);
moz-opacity: 0;
position: relative;
z-index: 100;
}
div.skinned-select-Page .select-text-Page {
position: absolute;
text-indent: 10px;
line-height: 19px;
width: 86px;
z-index: 1;
}
div.skinned-select-Page .select-text-Page,
div.skinned-select-Page select {
width: 86px;
font-size: 12px;
color: #CCCCCC;
}
div.skinned-select-Page select option {
width: 86px;
font-size: 12px;
color: #CCCCCC;
background:#383838;
padding:0px;
margin:0px;
}
div.skinned-select-Page select option:focus {
color: #000000;
background:#ffffff;
}
/* non javascript version select */
.my-skinnable-select select {
width:86px;
font-size:11px;
color: #CCCCCC;
background:#383838;
}
.search-excerpt { margin: 0; }
/* COMMENTS */
.commentlist li { padding: 8px 15px; }
.comments-alt { background: #EEE; }
/* LISTS */
.bottombar { }
.bottombar h2
{
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 1em 0 1em;
z-index:-1;
}
ul
{
list-style-type: none;
margin-left: 1em;
padding: 0;
}
ul li
{
list-style-image: url('images/icons/li.png');
background-repeat: no-repeat;
border-top: 1px dotted #e5e5e5;
line-height: 2em;
margin: 0 0 0 1em;
padding: 0;
}
ul li a { color: #666; }
/* COMMENT STYLES */
#comments { width: 100%; }
dl#comment_list { margin: 0 0 0 0; }
dl#comment_list dt
{
padding: 0 0 33px 0;
background: url('images/comment_top.gif') 0 100% no-repeat;
font-size: 1.1em;
line-height: 1.8182em;
color: #999;
}
dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; }
dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }
dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }
dl#comment_list dt .comment_num a:hover { color: #a90000; }
dl#comment_list dt strong
{
font-size: 1.4545em;
color: #000;
}
dl#comment_list dt strong a, dl#comment_list dt strong a:visited
{
color: #000;
border-bottom: 1px dotted #999;
}
dl#comment_list dt strong a:hover
{
color: #000;
border-bottom: 1px solid #a90000;
}
dl#comment_list dd
{
padding: 20px;
margin: 0 0 1.5385em;
background: #dfdfdf;
}
dl#comment_list dd.author { background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat; }
dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; }
/* COMMENT FORM */
#comment_form
{
width: 46.8em;
margin: 0 0 4.0em 0;
}
#comment_form a:hover { text-decoration: underline; }
#comment_form p { padding: 0.7692em 0; }
#comment_form label
{
padding: 0 0 0 0.83333em;
font-size: 1.2em;
}
#comment_form .text_input
{
width: 15.3846em;
padding: 0.23077em;
color: #a90000;
font: bold 1.3em Verdana, sans-serif;
border-top: 0.15385em solid #999;
border-left: 0.15385em solid #999;
border-right: 0.07692em solid #eee;
border-bottom: 0.07692em solid #eee;
}
#comment_form .text_input:focus
{
border-top-color: #666;
border-left-color: #666;
border-right-color: #ddd;
border-bottom-color: #ddd;
}
#comment_form .text_area { width: 32.9231em; }
#comment_form p.subscribe-to-comments { font-size: 1.3em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
#comment_form .form_submit
{
padding: 0.5em;
background: url('images/submit_bg.gif') repeat-x;
color: #000;
border: 0.21429em double #999;
border-top-color: #ccc;
border-left-color: #ccc;
font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
}
#comment_form .form_submit:hover { color: #0099cc; }
/* Root = Horizontal, Secondary = Vertical */
#navmenu-h { background: #000 url('images/bgd_nav.gif') 50% 50% repeat-x;}
#navmenu-h li.alignright { float: right; }
ul#navmenu-h
{
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
/*For KHTML*/
list-style: none;
height: 26px;
}
ul#navmenu-h li
{
margin: 0;
border: 0 none;
padding: 0;
float: left;
/*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 26px;
}
ul#navmenu-h ul
{
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 26px;
left: 0;
}
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/
{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu-h ul li
{
width: 130px;
float: left;
/*For IE 7 lack of compliance*/
display: block !important;
z-index:999;
}
/* Root Menu */
ul#navmenu-h a
{
padding: 1px 15px 3px 15px;
float: none !important;
/*For Opera*/
/*For IE*/
display: block;
background: #000 url('images/bgd_nav.gif') 50% 50% repeat-x;
color: #ccc;
font: 13px/22px Helvetica;
text-decoration: none;
height: auto !important;
/*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a
{
background: #333 repeat-x;
color: #FFF;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a
{
float: none;
background: #000;
color: #ccc;
width: 260px;
z-index:999;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a
{
background: #333;
color: #FFF;
}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a
{
background: #000;
color: #ccc;
}
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a
{
background: #CCC;
color: #FFF;
}
/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a
{
background: #EEE;
color: #666;
}
/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover
{
background: #CCC;
color: #FFF;
}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul
{
display: none;
position: absolute;
top: 0;
left: 130px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul { display: block; }
#themes h6
{
float: right;
padding-right: 1em;
}
ul#themeswitcher
{
list-style-type: none;
margin: 0;
padding: 0;
float: right;
}
ul#themeswitcher li
{
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}
/* FOOTER */
#footer
{
text-align: center;
font-size: .9em;
margin: 0;
width:950px;
}
#footer a { text-decoration: none; }
ul#footer
{
text-align: center;
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
/*For KHTML*/
list-style: none;
height: 15px;
}
ul#footer li
{
margin: 0;
border: 0 none;
padding: 0;
float: right;
/*For Gecko*/
display: :inline-block;
list-style: none;
position: relative;
border-right:solid 1px #CCC;
text-align: center;
}
ul#footer ul
{
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style-type: none;
position: absolute;
top: 24px;
left: 0;
text-align: center;
}
ul#footer ul:after /*From IE 7 lack of compliance*/
{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#footer ul li
{
width: 160px;
float: left;
/*For IE 7 lack of compliance*/
display: inline !important;
/*For IE*/
}
/* Root Menu */
ul#footer a
{
padding: 0px 20px 0 20px;
float: none !important;
/*For Opera*/
/*For IE*/
display: block;
color: #000;
font: 11px/22px Helvetica;
text-decoration: none;
height: auto !important;
/*For IE*/
}
/* Root Menu Hover Persistence */
ul#footer a:hover,
ul#footer li:hover a,
ul#footer li.iehover a
{
color: #CCC;
}
/* Partenaires */
#partenaire
{
text-align: center;
font-size: .9em;
margin: 0;
width:950px;
}
#partenaire a { text-decoration: none; }
ul#partenaire
{
text-align: center;
margin: 0 0 0.5em 0;
border: 0 none;
padding: 0;
width: 950px;
/*For KHTML*/
list-style: none;
height: 15px;
}
ul#partenaire li
{
margin: 0 0 18px 0;
border: 0 none;
padding: 0;
float: left;
/*For Gecko*/
list-style: none;
position: relative;
border-right:solid 1px #CCC;
text-align: center;
}
ul#partenaire ul
{
display: :table;
width: 100%;
table-layout: fixed;
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style-type: none;
position: absolute;
top: 24px;
left: 0;
text-align: center;
}
ul#partenaire ul:after /*From IE 7 lack of compliance*/
{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#partenaire ul li
{
width: 160px;
float: left;
/*For IE 7 lack of compliance*/
display: inline !important;
/*For IE*/
}
/* Root Menu */
ul#partenaire a
{
padding: 0px 6px;
float: none !important;
/*For Opera*/
/*For IE*/
display: block;
color: #000;
font: 11px/22px Helvetica;
text-decoration: none;
height: auto !important;
/*For IE*/
}
/* Root Menu Hover Persistence */
ul#partenaire a:hover,
ul#partenaire li:hover a,
ul#partenaire li.iehover a
{
color: #CCC;
}
.cleaner {
clear:both;
}
/*****Accordion Styles*****/
#accordion{
padding: 10px;
background-color: #F3F3F3;
}
ul#accordion_nav, ul#accordion_nav ul { list-style: none; }
/* Accordion---------------------------------- OVER DEF*/
/*
ui-accordion-header ui-helper-reset ui-state-active ui-corner-top
ui-accordion ui-widget ui-helper-reset
ui-accordion-header ui-helper-reset ui-state-active ui-corner-top
ui-accordion-header ui-helper-reset ui-state-default ui-corner-all
ui-accordion-content
ui-helper-reset
ui-widget-content
ui-corner-bottom
ui-accordion-content-active
---------------------
display:inline;
height:106px;
overflow-x:auto;
overflow-y:auto;
padding-bottom:6px;
padding-top:6px;
ui-accordion-content
ui-helper-reset
ui-widget-content
ui-corner-bottom
ui-accordion-content-active
*/
.ui-corner-top h3{ }
.ui-corner-all h3{ }
.ui-widget h3{ color: #5FBCDE; background-color:#FFF; border: 0; border-bottom: 1px dotted #aaaaaa; }
/*.ui-widget-content div{ color: #5FBCDE; background-color:#FFF; border: 0; border-bottom: 1px dotted #aaaaaa; }*/
.ui-state-active h3{ color: #3466fe; border: 0; border-bottom: 1px dotted #aaaaaa; }
.ui-state-default h3{ color: #5FBCDE; border: 0; border-bottom: 1px dotted #aaaaaa; }
.ui-state-hover h3{ color: #3466fe; border: 0; border-bottom: 1px dotted #aaaaaa; }
.ui-state-hover li { background:none; font-weight:bolder; }
.ui-state-focus li { background:none; font-weight:bolder; }
.ui-state-active a{ color: #3466fe; }
.ui-state-default a{ color: #5FBCDE; }
.ui-state-hover a{ color: #3466fe; }
.ui-accordion .ui-accordion-header { border: 0; cursor: pointer; position: relative; margin-top: 1px; zoom: 1; font-size:12px; }
.ui-accordion .ui-accordion-li-fix { border: 0; display: block; }
.ui-accordion .ui-accordion-header-active { border: 0 !important; }
.ui-accordion .ui-accordion-header a {
color: #5FBCDE;
display: block;
padding: .1em .1em .1em .1em;
border-bottom: 1px dotted #aaaaaa;
}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content {
padding: .5em .2em .5em .2em;
border-top: 0em;
margin-top: 0px;
position: relative;
margin-bottom: 0px;
overflow: none;
display: block;
}
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-widget-content a {
color:#3466fe;
}
.ui-widget-content a:active
{
color: #5fbcde;
text-decoration: none;
}
.ui-widget-content a:hover
{
color: #3466fe;
text-decoration: none;
}
a:visited
{
/*color: #5fbcde;*/
text-decoration: none;
}
/*#accordionSeminaire.ui-widget
#accordionSeminaire.ui-helper-reset*/
#accordion_seminaire{
float: right;
width: 50%;
padding-left:10px;
height:500px;
}
#accordion_seminaire_free{
float: right;
width: 50%;
padding-left:10px;
}
.widefate{
width:100%;
}
.img_space{
padding-right:10px;
}
.design-du-nouveau-monde-industriel {
background:none repeat scroll 0 0 #050019 !important;
}
.design-du-nouveau-monde-industriel a:hover{
background:none repeat scroll 0 0 #001736 !important;
}
.figures-de-lamateur{
background:none repeat scroll 0 0 #0F0004 !important;
}
.figures-de-lamateur a:hover{
background:none repeat scroll 0 0 #260004 !important;
}
.ecologie-de-lattention {
background:none repeat scroll 0 0 #100017 !important;
}
.ecologie-de-lattention a:hover{
background:none repeat scroll 0 0 #260044 !important;
}
.lang{
padding-left:650px;
}