web/wp-content/themes/IRI-Theme/style.css
changeset 136 bde1974c263b
child 160 2fbe5abcff09
equal deleted inserted replaced
135:53cff4b4a802 136:bde1974c263b
       
     1 /*
       
     2 Theme Name: test IRI sam
       
     3 Theme URI: http://www.iri.centrepompidou.fr
       
     4 Description: A Wordpress theme adaptation for IRI
       
     5 Version: 0.1
       
     6 Author: Samuel Huron
       
     7 Author URI: http://www.cybunk.com/
       
     8 Credits: http://code.google.com/p/blueprintcss/
       
     9 */
       
    10 
       
    11 /* IMPORTANT - PLEASE READ
       
    12 This theme uses the Blueprint CSS framework for
       
    13 default positioning, typography, form styling, etc.
       
    14 The styles below are specific for this theme
       
    15 only.  Feel free to edit them as necessary.  Generally
       
    16 speaking, you will will likely never need to edit
       
    17 the Blueprint CSS stylesheets, which are located in:
       
    18 wp-content/themes/name-of-this-theme/css/
       
    19    
       
    20 */
       
    21 
       
    22 html 
       
    23 {
       
    24     scrollbar-face-color: #5b5b5b;
       
    25     scrollbar-shadow-color: #ffffff;
       
    26     scrollbar-highlight-color: #ffffff;
       
    27     scrollbar-3dlight-color: #ffffff;
       
    28     scrollbar-darkshadow-color: #ffffff;
       
    29     scrollbar-track-color: #ffffff;
       
    30     scrollbar-arrow-color: #5fbcde;
       
    31 }
       
    32 body
       
    33 {
       
    34 	margin-bottom: 0;
       
    35 	margin-top: 10px;
       
    36 	/*background: url('images/line.gif') top repeat-x;*/
       
    37 }
       
    38 blockquote
       
    39 {
       
    40 	font-style: normal;
       
    41 	padding: 0 0 0 0;
       
    42 	color: #000;
       
    43 	background: url('images/quote.png') .5em top no-repeat;
       
    44 }
       
    45 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
       
    46 a
       
    47 {
       
    48 	color: #2C80AF;
       
    49 	text-decoration: none;
       
    50 }
       
    51 a:active, h2 a:active, h3 a:active, h4 a:active
       
    52 {
       
    53 	color: #5fbcde;
       
    54 	text-decoration: none;
       
    55 }
       
    56 a:hover, h2 a:hover, h3 a:hover, h4 a:active
       
    57 {
       
    58 	color: #3466fe;
       
    59 	text-decoration: none;
       
    60 }
       
    61 a:visited
       
    62 {
       
    63 	/*color: #5fbcde;*/
       
    64 	text-decoration: none;
       
    65 }
       
    66 h2 a:visited, h3 a:hover, h4 a:active
       
    67 {
       
    68 	/*color: #3466fe;*/
       
    69 	text-decoration: none;
       
    70 }
       
    71 blockquote p { padding: 0 20px 0 30px; }
       
    72 hr
       
    73 {
       
    74 	background: #CCC;
       
    75 	height: 1px;
       
    76 }
       
    77 img { margin: 0; }
       
    78 .photo_align_left
       
    79 {
       
    80 	float: left;
       
    81 	padding: 0 1.5em 1.5em 0;
       
    82 }
       
    83 a.button { float: left; }
       
    84 /* Fix for buttons */
       
    85 input
       
    86 {
       
    87 	padding-left: 0;
       
    88 	border: 1px solid #CCCCCC;
       
    89 }
       
    90 ol { margin-left: 35px; }
       
    91 label { font-weight: normal; }
       
    92 textarea
       
    93 {
       
    94 	height: 200px;
       
    95 	width: 500px;
       
    96 }
       
    97 .small { font-size: .9em; }
       
    98 p.small  { padding-top:0px; margin-top:0px; }
       
    99 .nomargin { margin: 0; }
       
   100 a.button, button { font-weight: normal; }
       
   101 dl.small dd { font-size: .9em; }
       
   102 span.meta_align_right
       
   103 {
       
   104 	color: #ccc;
       
   105 	font-size: .6em;
       
   106 	float: right;
       
   107 }
       
   108 span.meta_align_right a { color: #ccc; }
       
   109 span.meta_align_right a:hover { color: #000; }
       
   110 .meta
       
   111 {
       
   112 	color: #ccc;
       
   113 	font-size: .8em;
       
   114 	line-height: 1.875em;
       
   115 	font-family: Georgia;
       
   116 }
       
   117 .meta a { color: #ccc; }
       
   118 .meta a:hover { color: #000; }
       
   119 .byline
       
   120 {
       
   121 	color: #ccc;
       
   122 	font-size: .8em;
       
   123 	line-height: 1.875em;
       
   124 }
       
   125 .byline a
       
   126 {
       
   127 	color: #FF3706;
       
   128 	text-decoration: none;
       
   129 	line-height: 1.875em;
       
   130 }
       
   131 .byline a:hover { color: #000; }
       
   132 .five_posts h6 a, .five_posts h4 a, .five_posts h3 a
       
   133 {
       
   134 	text-decoration: none;
       
   135 	margin-bottom: 0;
       
   136 }
       
   137 .advanced-recent-posts{
       
   138 
       
   139 }
       
   140 #maincontent h2, h4
       
   141 {
       
   142 	color: #2C8084;
       
   143 	border-bottom: 1px dotted #AAA;
       
   144 	margin-bottom: 0px;
       
   145 	/*margin-bottom: 15px;*/
       
   146 }
       
   147 h2 a, h4 a
       
   148 {
       
   149 	color: #2C8084;
       
   150 	text-decoration: none;
       
   151 }
       
   152 #maincontent .contentHome{ padding: 25px 30px 10px 48px; }
       
   153 #maincontent .content { padding: 0px 30px 20px 48px; }
       
   154 #feature h3 {
       
   155 	margin-bottom: 0;
       
   156 	padding: 0;
       
   157 }
       
   158 #feature p img { margin: 7px 0 2em 0; }
       
   159 .feature_text { margin-top: 2em; }
       
   160 #home_right { padding: 0; }
       
   161 #home_right .entry { padding: 0 0 2em 0; }
       
   162 .author
       
   163 {
       
   164 	padding: 1.5em;
       
   165 	margin-bottom: 1.5em;
       
   166 	background: #eee;
       
   167 }
       
   168 .author img
       
   169 {
       
   170 	float: left;
       
   171 	padding: 0 1em 1em 0;
       
   172 }
       
   173 .author p { margin-left: 8em; }
       
   174 .author h6
       
   175 {
       
   176 	margin-left: 7em;
       
   177 	border-bottom: 1px #000 dotted;
       
   178 }
       
   179 .navigation, 
       
   180 .navigation a { color: #AAA; width:100%; }
       
   181 .alignright { float: right; }
       
   182 .alignleft { float: left; }
       
   183 .post { margin-bottom: 10px; }
       
   184 .entry { padding-bottom: 15px; text-align:justify; }
       
   185 .entry p { text-align:justify; }
       
   186 /* Social */
       
   187 #social
       
   188 {
       
   189 	font-size:1em;
       
   190 	font-family:Georgia;
       
   191 	font-weight:bold;
       
   192 }
       
   193 /* HEADER */
       
   194 #header
       
   195 {
       
   196 	height: 67px;
       
   197 	width: 950px;
       
   198 	padding: 0px 0 10px 0;
       
   199 }
       
   200 #header h1, #header .description
       
   201 {
       
   202 	padding: 0;
       
   203 	margin: 0;
       
   204 	line-height: 1em;
       
   205 }
       
   206 #p2c-header h2 {
       
   207 	color: #3268FF;  
       
   208 	border-bottom: 1px dotted #AAA;
       
   209 	margin-bottom: 15px;
       
   210 }
       
   211 #p2c-header p {
       
   212  text-align:justify; 
       
   213 }
       
   214 /* NAVIGATION IN POSTS */
       
   215 .entry #nav .content
       
   216 {
       
   217 	padding: 0;
       
   218 	margin: auto;
       
   219 }
       
   220 .entry #nav
       
   221 {
       
   222 	margin-bottom: 15px;
       
   223 	background: #FFF;
       
   224 }
       
   225 .entry #nav li a
       
   226 {
       
   227 	color: #FFF;
       
   228 	border-right: 1px solid #AAA;
       
   229 	background: #666;
       
   230 }
       
   231 .entry #nav li.last a { border-right: none; }
       
   232 .entry #nav li a:hover
       
   233 {
       
   234 	background: #333;
       
   235 	color: #FFF;
       
   236 }
       
   237 .entry img { margin: 0; }
       
   238 
       
   239 .more {
       
   240 	margin-top:-10px;
       
   241 	display: block;
       
   242 	float: right;
       
   243 }
       
   244 
       
   245 /*
       
   246  ??????????????????????????????
       
   247  SEARCH 
       
   248 */
       
   249 #search { float: left; }
       
   250 #search #s 
       
   251 {
       
   252 	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
       
   253 	padding: 2px 0 2px 17px;
       
   254 	background-color:#FFF;
       
   255 	width: 410px;
       
   256 	color: #CCCCCC;
       
   257 	font-size: 0.9em;
       
   258 	margin-right: 0px;
       
   259 	margin-top: 10px;
       
   260 }
       
   261 #search #s :hover { 
       
   262 	color: #000;
       
   263 	border: 1px solid #000;
       
   264 }
       
   265 #msg {
       
   266 	display:block; 
       
   267 	margin:5px; 
       
   268 	padding:5px; 
       
   269 	border:1px dotted;
       
   270 }
       
   271 #searchHome {
       
   272 	/**/
       
   273 	/*float:left;*/
       
   274 	width: 271px; 
       
   275 	height: 26px; 
       
   276 	background: url(images/search_box_bgd.gif); 
       
   277 	float: left;
       
   278 	margin-right:2px;
       
   279 }
       
   280 
       
   281 #searchHome #s {			float: left; 	padding: 0; 	margin-top: 5px; 	margin-left: 2px;	border: 0; 	width: 127px; 	background: none; 	height:17px;}
       
   282 #searchHome #s:hover { 	color: #000;	background: url('images/search_bg_hover.gif') repeat-x;}
       
   283 #searchHome #bt {		float: left; 	border:0px;	background:transparent;	cursor:pointer;	height:25px;	width:20px;	overflow:hidden;}
       
   284 
       
   285 #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;}
       
   286 #searchPage #s {			float: left; 	padding: 0; 	margin-top: 5px; 	margin-left: 2px;	border: 0; 	width: 82px; 	background: none; 	height:17px;}
       
   287 #searchPage #s:hover { 	color: #000;	background: url('images/search_bg_hover.gif') repeat-x;}
       
   288 #searchPage #bt {		float: left; 	border:0px;	background:transparent;	cursor:pointer;	height:25px;	width:20px;	overflow:hidden;}
       
   289 
       
   290 
       
   291 /* Search skinned select */
       
   292 /* Skinned Select Box Copyright 2007 Derek Harvey  GNU */
       
   293 /* www.lotsofcode.com */
       
   294 
       
   295 div.skinned-select-Home {
       
   296 	background: url('images/select-skin-h.png') no-repeat;
       
   297 	float:left;
       
   298 	margin-top: 4px;
       
   299 	height:19px;
       
   300 	width:121px;
       
   301 }
       
   302 div.skinned-select-Home select {
       
   303 	opacity: 0;
       
   304 	filter: alpha(opacity = 0);
       
   305 	moz-opacity: 0;
       
   306 	position: relative;
       
   307 	z-index: 100;
       
   308 }
       
   309 div.skinned-select-Home .select-text-Home {
       
   310     position: absolute;
       
   311 	text-indent: 10px;
       
   312 	line-height: 19px;
       
   313 	width: 121px;
       
   314 	z-index: 1;
       
   315 }
       
   316 div.skinned-select-Home .select-text-Home,
       
   317 div.skinned-select-Home select {
       
   318 	width: 121px;
       
   319 	font-size: 12px;
       
   320 	color: #CCCCCC;
       
   321 	border:none;
       
   322 }
       
   323 div.skinned-select-Home select option {
       
   324 	width: 121px;
       
   325 	font-size: 12px;
       
   326 	color: #CCCCCC;
       
   327 	background:#383838;
       
   328 	border:none;
       
   329 	padding:0px;
       
   330 	margin:0px;
       
   331 }
       
   332 div.skinned-select-Home select option:focus {
       
   333 	color: #383838;
       
   334 	background:#ffffff;
       
   335 	border:none;
       
   336 } 
       
   337  
       
   338 div.skinned-select-Page {
       
   339 	background: url('images/select-skin-p.png') no-repeat;
       
   340 	float:left;
       
   341 	margin-top: 4px;
       
   342 	height:19px;
       
   343 	width:86px;
       
   344 }
       
   345 div.skinned-select-Page select {
       
   346 	opacity: 0;
       
   347 	filter: alpha(opacity = 0);
       
   348 	moz-opacity: 0;
       
   349 	position: relative;
       
   350 	z-index: 100;
       
   351 }
       
   352 div.skinned-select-Page .select-text-Page {
       
   353     position: absolute;
       
   354 	text-indent: 10px;
       
   355 	line-height: 19px;
       
   356 	width: 86px;
       
   357 	z-index: 1;
       
   358 }
       
   359 div.skinned-select-Page .select-text-Page,
       
   360 div.skinned-select-Page select {
       
   361 	width: 86px;
       
   362 	font-size: 12px;
       
   363 	color: #CCCCCC;
       
   364 }
       
   365 div.skinned-select-Page select option {
       
   366 	width: 86px;
       
   367 	font-size: 12px;
       
   368 	color: #CCCCCC;
       
   369 	background:#383838;
       
   370 	padding:0px;
       
   371 	margin:0px;
       
   372 }
       
   373 div.skinned-select-Page select option:focus {
       
   374 	color: #000000;
       
   375 	background:#ffffff;
       
   376 } 
       
   377 /* non javascript version select */
       
   378 .my-skinnable-select select {
       
   379 	width:86px;
       
   380 	font-size:11px;
       
   381 	color: #CCCCCC;
       
   382 	background:#383838;
       
   383 }
       
   384 
       
   385 
       
   386 .search-excerpt { margin: 0; }
       
   387 
       
   388 /* COMMENTS */
       
   389 .commentlist li { padding: 8px 15px; }
       
   390 .comments-alt { background: #EEE; }
       
   391 /* LISTS */
       
   392 .bottombar { }
       
   393 .bottombar h2
       
   394 {
       
   395 	font-size: 1em;
       
   396 	font-weight: bold;
       
   397 	line-height: 1em;
       
   398 	margin: 1em 0 1em;
       
   399 	z-index:-1;
       
   400 }
       
   401 ul
       
   402 {
       
   403 	list-style-type: none;
       
   404 	margin-left: 1em;
       
   405 	padding: 0;
       
   406 }
       
   407 ul li
       
   408 {
       
   409 	list-style-image: url('images/icons/li.png');
       
   410 	background-repeat: no-repeat;
       
   411 	border-top: 1px dotted #e5e5e5;
       
   412 	line-height: 2em;
       
   413 	margin: 0 0 0 1em;
       
   414 	padding: 0;
       
   415 }
       
   416 ul li a { color: #666; }
       
   417 /* COMMENT STYLES */
       
   418 #comments { width: 100%; }
       
   419 dl#comment_list { margin: 0 0 0 0; }
       
   420 dl#comment_list dt
       
   421 {
       
   422 	padding: 0 0 33px 0;
       
   423 	background: url('images/comment_top.gif') 0 100% no-repeat;
       
   424 	font-size: 1.1em;
       
   425 	line-height: 1.8182em;
       
   426 	color: #999;
       
   427 }
       
   428 dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; }
       
   429 dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }
       
   430 dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }
       
   431 dl#comment_list dt .comment_num a:hover { color: #a90000; }
       
   432 dl#comment_list dt strong
       
   433 {
       
   434 	font-size: 1.4545em;
       
   435 	color: #000;
       
   436 }
       
   437 dl#comment_list dt strong a, dl#comment_list dt strong a:visited
       
   438 {
       
   439 	color: #000;
       
   440 	border-bottom: 1px dotted #999;
       
   441 }
       
   442 dl#comment_list dt strong a:hover
       
   443 {
       
   444 	color: #000;
       
   445 	border-bottom: 1px solid #a90000;
       
   446 }
       
   447 dl#comment_list dd
       
   448 {
       
   449 	padding: 20px;
       
   450 	margin: 0 0 1.5385em;
       
   451 	background: #dfdfdf;
       
   452 }
       
   453 dl#comment_list dd.author { background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat; }
       
   454 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; }
       
   455 /* COMMENT FORM */
       
   456 #comment_form
       
   457 {
       
   458 	width: 46.8em;
       
   459 	margin: 0 0 4.0em 0;
       
   460 }
       
   461 #comment_form a:hover { text-decoration: underline; }
       
   462 #comment_form p { padding: 0.7692em 0; }
       
   463 #comment_form label
       
   464 {
       
   465 	padding: 0 0 0 0.83333em;
       
   466 	font-size: 1.2em;
       
   467 }
       
   468 #comment_form .text_input
       
   469 {
       
   470 	width: 15.3846em;
       
   471 	padding: 0.23077em;
       
   472 	color: #a90000;
       
   473 	font: bold 1.3em Verdana, sans-serif;
       
   474 	border-top: 0.15385em solid #999;
       
   475 	border-left: 0.15385em solid #999;
       
   476 	border-right: 0.07692em solid #eee;
       
   477 	border-bottom: 0.07692em solid #eee;
       
   478 }
       
   479 #comment_form .text_input:focus
       
   480 {
       
   481 	border-top-color: #666;
       
   482 	border-left-color: #666;
       
   483 	border-right-color: #ddd;
       
   484 	border-bottom-color: #ddd;
       
   485 }
       
   486 #comment_form .text_area { width: 32.9231em; }
       
   487 #comment_form p.subscribe-to-comments { font-size: 1.3em; }
       
   488 #comment_form p.subscribe-to-comments label { font-size: 1.0em; }
       
   489 #comment_form .form_submit
       
   490 {
       
   491 	padding: 0.5em;
       
   492 	background: url('images/submit_bg.gif') repeat-x;
       
   493 	color: #000;
       
   494 	border: 0.21429em double #999;
       
   495 	border-top-color: #ccc;
       
   496 	border-left-color: #ccc;
       
   497 	font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
       
   498 	cursor: pointer;
       
   499 }
       
   500 #comment_form .form_submit:hover { color: #0099cc; }
       
   501 /* Root = Horizontal, Secondary = Vertical */
       
   502 #navmenu-h { background: #000 url('images/bgd_nav.gif') 50% 50% repeat-x;}
       
   503 #navmenu-h li.alignright { float: right; }
       
   504 ul#navmenu-h
       
   505 {
       
   506 	margin: 0 0 1em 0;
       
   507 	border: 0 none;
       
   508 	padding: 0;
       
   509 	width: 950px;
       
   510 	/*For KHTML*/
       
   511 	list-style: none;
       
   512 	height: 26px;
       
   513 }
       
   514 ul#navmenu-h li
       
   515 {
       
   516 	margin: 0;
       
   517 	border: 0 none;
       
   518 	padding: 0;
       
   519 	float: left;
       
   520 	/*For Gecko*/
       
   521 	display: inline;
       
   522 	list-style: none;
       
   523 	position: relative;
       
   524 	height: 26px;
       
   525 }
       
   526 ul#navmenu-h ul
       
   527 {
       
   528 	margin: 0;
       
   529 	border: 0 none;
       
   530 	padding: 0;
       
   531 	width: 160px; 
       
   532 	list-style: none;
       
   533 	display: none;
       
   534 	position: absolute;
       
   535 	top: 26px;
       
   536 	left: 0;
       
   537 }
       
   538 ul#navmenu-h ul:after /*From IE 7 lack of compliance*/
       
   539 {
       
   540 	clear: both;
       
   541 	display: block;
       
   542 	font: 1px/0px serif;
       
   543 	content: ".";
       
   544 	height: 0;
       
   545 	visibility: hidden;
       
   546 }
       
   547 ul#navmenu-h ul li
       
   548 {
       
   549 	width: 130px;
       
   550 	float: left;
       
   551 	/*For IE 7 lack of compliance*/
       
   552 	display: block !important;
       
   553 	z-index:999;
       
   554 }
       
   555 /* Root Menu */
       
   556 ul#navmenu-h a
       
   557 {
       
   558 	padding: 1px 15px 3px 15px;
       
   559 	float: none !important;
       
   560 	/*For Opera*/
       
   561 	/*For IE*/
       
   562 	display: block;
       
   563 	background: #000 url('images/bgd_nav.gif') 50% 50% repeat-x;
       
   564 	color: #ccc;
       
   565 	font: 13px/22px Helvetica;
       
   566 	text-decoration: none;
       
   567 	height: auto !important;
       
   568 	/*For IE*/
       
   569 }
       
   570 /* Root Menu Hover Persistence */
       
   571 ul#navmenu-h a:hover,
       
   572 ul#navmenu-h li:hover a,
       
   573 ul#navmenu-h li.iehover a
       
   574 {
       
   575 	background: #333 repeat-x;
       
   576 	color: #FFF;
       
   577 }
       
   578 /* 2nd Menu */
       
   579 ul#navmenu-h li:hover li a,
       
   580 ul#navmenu-h li.iehover li a
       
   581 {
       
   582 	float: none;
       
   583 	background: #000;
       
   584 	color: #ccc;
       
   585 	width: 260px;
       
   586 	z-index:999;
       
   587 }
       
   588 /* 2nd Menu Hover Persistence */
       
   589 ul#navmenu-h li:hover li a:hover,
       
   590 ul#navmenu-h li:hover li:hover a,
       
   591 ul#navmenu-h li.iehover li a:hover,
       
   592 ul#navmenu-h li.iehover li.iehover a
       
   593 {
       
   594 	background: #333;
       
   595 	color: #FFF;
       
   596 }
       
   597 /* 3rd Menu */
       
   598 ul#navmenu-h li:hover li:hover li a,
       
   599 ul#navmenu-h li.iehover li.iehover li a
       
   600 {
       
   601 	background: #000;
       
   602 	color: #ccc;
       
   603 }
       
   604 /* 3rd Menu Hover Persistence */
       
   605 ul#navmenu-h li:hover li:hover li a:hover,
       
   606 ul#navmenu-h li:hover li:hover li:hover a,
       
   607 ul#navmenu-h li.iehover li.iehover li a:hover,
       
   608 ul#navmenu-h li.iehover li.iehover li.iehover a
       
   609 {
       
   610 	background: #CCC;
       
   611 	color: #FFF;
       
   612 }
       
   613 /* 4th Menu */
       
   614 ul#navmenu-h li:hover li:hover li:hover li a,
       
   615 ul#navmenu-h li.iehover li.iehover li.iehover li a
       
   616 {
       
   617 	background: #EEE;
       
   618 	color: #666;
       
   619 }
       
   620 /* 4th Menu Hover */
       
   621 ul#navmenu-h li:hover li:hover li:hover li a:hover,
       
   622 ul#navmenu-h li.iehover li.iehover li.iehover li a:hover
       
   623 {
       
   624 	background: #CCC;
       
   625 	color: #FFF;
       
   626 }
       
   627 ul#navmenu-h ul ul,
       
   628 ul#navmenu-h ul ul ul
       
   629 {
       
   630 	display: none;
       
   631 	position: absolute;
       
   632 	top: 0;
       
   633 	left: 130px;
       
   634 }
       
   635 
       
   636 /* Do Not Move - Must Come Before display:block for Gecko */
       
   637 ul#navmenu-h li:hover ul ul,
       
   638 ul#navmenu-h li:hover ul ul ul,
       
   639 ul#navmenu-h li.iehover ul ul,
       
   640 ul#navmenu-h li.iehover ul ul ul { display: none; }
       
   641 ul#navmenu-h li:hover ul,
       
   642 ul#navmenu-h ul li:hover ul,
       
   643 ul#navmenu-h ul ul li:hover ul,
       
   644 ul#navmenu-h li.iehover ul,
       
   645 ul#navmenu-h ul li.iehover ul,
       
   646 ul#navmenu-h ul ul li.iehover ul { display: block; }
       
   647 
       
   648 #themes h6
       
   649 {
       
   650 	float: right;
       
   651 	padding-right: 1em;
       
   652 }
       
   653 ul#themeswitcher
       
   654 {
       
   655 	list-style-type: none;
       
   656 	margin: 0;
       
   657 	padding: 0;
       
   658 	float: right;
       
   659 }
       
   660 ul#themeswitcher li
       
   661 {
       
   662 	list-style-image: none;
       
   663 	list-style-type: none;
       
   664 	margin: 0;
       
   665 	padding: 0;
       
   666 }
       
   667 
       
   668 /* FOOTER */
       
   669 #footer
       
   670 {
       
   671 	text-align: center;
       
   672 	font-size: .9em;
       
   673 	margin: 0;
       
   674 	width:950px;
       
   675 }
       
   676 #footer a { text-decoration: none; }
       
   677 
       
   678 ul#footer
       
   679 {
       
   680 	text-align: center;
       
   681 	margin: 0 0 1em 0;
       
   682 	border: 0 none;
       
   683 	padding: 0;
       
   684 	width: 950px;
       
   685 	/*For KHTML*/
       
   686 	list-style: none;
       
   687 	height: 15px;
       
   688 }
       
   689 ul#footer li
       
   690 {
       
   691 	margin: 0;
       
   692 	border: 0 none;
       
   693 	padding: 0;
       
   694 	float: right;
       
   695 	/*For Gecko*/
       
   696 	display: :inline-block;
       
   697 	list-style: none;
       
   698 	position: relative;
       
   699 	border-right:solid 1px #CCC;
       
   700 	text-align: center;
       
   701 }
       
   702 
       
   703 ul#footer ul
       
   704 {
       
   705 	margin: 0;
       
   706 	border: 0 none;
       
   707 	padding: 0;
       
   708 	width: 160px;
       
   709 	list-style-type: none;
       
   710 	position: absolute;
       
   711 	top: 24px;
       
   712 	left: 0;
       
   713 	text-align: center;
       
   714 }
       
   715 ul#footer ul:after /*From IE 7 lack of compliance*/
       
   716 {
       
   717 	clear: both;
       
   718 	display: block;
       
   719 	font: 1px/0px serif;
       
   720 	content: ".";
       
   721 	height: 0;
       
   722 	visibility: hidden;
       
   723 }
       
   724 ul#footer ul li
       
   725 {
       
   726 	width: 160px;
       
   727 	float: left;
       
   728 	/*For IE 7 lack of compliance*/
       
   729 	display: inline !important;
       
   730 	/*For IE*/
       
   731 }
       
   732 /* Root Menu */
       
   733 ul#footer a
       
   734 {
       
   735 	padding: 0px 20px 0 20px;
       
   736 	float: none !important;
       
   737 	/*For Opera*/
       
   738 	/*For IE*/
       
   739 	display: block;
       
   740 	color: #000;
       
   741 	font: 11px/22px Helvetica;
       
   742 	text-decoration: none;
       
   743 	height: auto !important;
       
   744 	/*For IE*/
       
   745 }
       
   746 /* Root Menu Hover Persistence */
       
   747 ul#footer a:hover,
       
   748 ul#footer li:hover a,
       
   749 ul#footer li.iehover a
       
   750 {
       
   751 	color: #CCC;
       
   752 }
       
   753 
       
   754 /* Partenaires */
       
   755 #partenaire
       
   756 {
       
   757 	text-align: center;
       
   758 	font-size: .9em;
       
   759 	margin: 0;
       
   760 	width:950px;
       
   761 }
       
   762 #partenaire a { text-decoration: none; }
       
   763 
       
   764 ul#partenaire
       
   765 {
       
   766 	text-align: center;
       
   767 	margin: 0 0 1em 0;
       
   768 	border: 0 none;
       
   769 	padding: 0;
       
   770 	width: 950px;
       
   771 	/*For KHTML*/
       
   772 	list-style: none;
       
   773 	height: 15px;
       
   774 }
       
   775 ul#partenaire li
       
   776 {
       
   777 	margin: 0 0 10px 0;
       
   778 	border: 0 none;
       
   779 	padding: 0;
       
   780 	float: left;
       
   781 	/*For Gecko*/
       
   782 	list-style: none;
       
   783 	position: relative;
       
   784 	border-right:solid 1px #CCC;
       
   785 	text-align: center;
       
   786 }
       
   787 
       
   788 ul#partenaire ul
       
   789 {
       
   790 	display: :table;
       
   791 	width: 100%;
       
   792 	table-layout: fixed;
       
   793 	margin: 0;
       
   794 	border: 0 none;
       
   795 	padding: 0;
       
   796 	width: 160px;
       
   797 	list-style-type: none;
       
   798 	position: absolute;
       
   799 	top: 24px;
       
   800 	left: 0;
       
   801 	text-align: center;
       
   802 }
       
   803 ul#partenaire ul:after /*From IE 7 lack of compliance*/
       
   804 {
       
   805 	clear: both;
       
   806 	display: block;
       
   807 	font: 1px/0px serif;
       
   808 	content: ".";
       
   809 	height: 0;
       
   810 	visibility: hidden;
       
   811 }
       
   812 ul#partenaire ul li
       
   813 {
       
   814 	width: 160px;
       
   815 	float: left;
       
   816 	/*For IE 7 lack of compliance*/
       
   817 	display: inline !important;
       
   818 	/*For IE*/
       
   819 }
       
   820 /* Root Menu */
       
   821 ul#partenaire a
       
   822 {
       
   823 	padding: 0px 18px 0 18px;
       
   824 	float: none !important;
       
   825 	/*For Opera*/
       
   826 	/*For IE*/
       
   827 	display: block;
       
   828 	color: #000;
       
   829 	font: 11px/22px Helvetica;
       
   830 	text-decoration: none;
       
   831 	height: auto !important;
       
   832 	/*For IE*/
       
   833 }
       
   834 /* Root Menu Hover Persistence */
       
   835 ul#partenaire a:hover,
       
   836 ul#partenaire li:hover a,
       
   837 ul#partenaire li.iehover a
       
   838 {
       
   839 	color: #CCC;
       
   840 }
       
   841 .cleaner {
       
   842 	clear:both;
       
   843 } 
       
   844 
       
   845 /*****Accordion Styles*****/
       
   846 #accordion{
       
   847 	padding: 10px;
       
   848 	background-color: #F3F3F3;
       
   849 }
       
   850 ul#accordion_nav, ul#accordion_nav ul { list-style: none; }
       
   851 
       
   852 
       
   853 /* Accordion---------------------------------- OVER DEF*/
       
   854 /* 
       
   855 ui-accordion-header ui-helper-reset ui-state-active ui-corner-top
       
   856 ui-accordion ui-widget ui-helper-reset
       
   857 ui-accordion-header ui-helper-reset ui-state-active ui-corner-top
       
   858 ui-accordion-header ui-helper-reset ui-state-default ui-corner-all
       
   859 
       
   860 ui-accordion-content
       
   861  ui-helper-reset 
       
   862  ui-widget-content 
       
   863  ui-corner-bottom 
       
   864  ui-accordion-content-active
       
   865  
       
   866  ---------------------
       
   867  
       
   868 display:inline;
       
   869 height:106px;
       
   870 overflow-x:auto;
       
   871 overflow-y:auto;
       
   872 padding-bottom:6px;
       
   873 padding-top:6px;
       
   874  
       
   875  
       
   876  ui-accordion-content
       
   877  ui-helper-reset
       
   878  ui-widget-content
       
   879  ui-corner-bottom
       
   880  ui-accordion-content-active
       
   881 */
       
   882 .ui-corner-top h3{  }
       
   883 .ui-corner-all h3{  }
       
   884 .ui-widget h3{ color: #5FBCDE; background-color:#FFF; border: 0; border-bottom: 1px dotted #aaaaaa; }
       
   885 /*.ui-widget-content div{ color: #5FBCDE; background-color:#FFF; border: 0; border-bottom: 1px dotted #aaaaaa; }*/
       
   886 
       
   887 .ui-state-active 	h3{ color: #3466fe;  border: 0; border-bottom: 1px dotted #aaaaaa; }
       
   888 .ui-state-default 	h3{ color: #5FBCDE;  border: 0; border-bottom: 1px dotted #aaaaaa; }
       
   889 .ui-state-hover 		h3{ color: #3466fe;  border: 0; border-bottom: 1px dotted #aaaaaa; }
       
   890 .ui-state-hover 		li { background:none; font-weight:bolder; }
       
   891 .ui-state-focus 		li { background:none; font-weight:bolder; }
       
   892 
       
   893 .ui-state-active 	a{ color: #3466fe; }
       
   894 .ui-state-default 	a{ color: #5FBCDE; }
       
   895 .ui-state-hover 		a{ color: #3466fe; }
       
   896 
       
   897 .ui-accordion .ui-accordion-header { border: 0; cursor: pointer; position: relative; margin-top: 1px; zoom: 1; font-size:12px; }
       
   898 .ui-accordion .ui-accordion-li-fix { border: 0; display: block; }
       
   899 .ui-accordion .ui-accordion-header-active { border: 0 !important; }
       
   900 
       
   901 .ui-accordion .ui-accordion-header a {
       
   902 									color: #5FBCDE;
       
   903 									display: block;
       
   904 									padding: .1em .1em .1em .1em;
       
   905 									border-bottom: 1px dotted #aaaaaa;
       
   906 									}
       
   907 									
       
   908 									
       
   909 .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
       
   910 
       
   911 .ui-accordion .ui-accordion-content { 
       
   912 									padding: .5em .2em .5em .2em;
       
   913 									border-top: 0em;
       
   914 									margin-top: 0px;
       
   915 									position: relative;
       
   916 									margin-bottom: 0px;
       
   917 									overflow: none;
       
   918 									display: block;
       
   919 									}
       
   920 									
       
   921 .ui-accordion .ui-accordion-content-active { display: block; }
       
   922 
       
   923 
       
   924 /*#accordionSeminaire.ui-widget 
       
   925 #accordionSeminaire.ui-helper-reset*/
       
   926 
       
   927 
       
   928 #accordion_seminaire{
       
   929 	float: right;
       
   930 	width: 50%;
       
   931 	padding-left:10px;
       
   932 	height:500px;
       
   933 }
       
   934 #accordion_seminaire_free{
       
   935 	float: right;
       
   936 	width: 50%;
       
   937 	padding-left:10px;
       
   938 }
       
   939 
       
   940 .widefate{
       
   941 	width:100%;
       
   942 }
       
   943 .img_space{
       
   944 	padding-right:10px;
       
   945 }
       
   946 
       
   947