﻿/*   
Theme Name: Thematic Feature Site
Theme URI: 
Description: Use the Thematic Feature Site Theme to power your WordPress web site.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0.1
Tags: Thematic
.
Thematic Site is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('2c-r-fixed-988px.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* =Global Elements
-------------------------------------------------------------- */

#buttons {
    padding:.75em 0;
} 
a.button {
    border:1px solid #ccc;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    color:#666;
    font-size:13px;
    margin:0 10px 0 0;
    padding:.75em 1.25em;    
    text-decoration:none;
	background-color: white;
}
a.button:hover,
a.button:active {
    color: #18a7b2;
}

.entry h2 {
    color: #6F7172;
    font-family: Arial,sans-serif;
    font-size: 19px;
    font-weight: bold;
    padding: 28px 0 14px;
}

.entry h3 {
    color: #047186;
    font-size: 17px;
    font-style: italic;
    padding: 18px 0 14px;
}

/* =Header
-------------------------------------------------------------- */
#header{
	/*ground: url("images/header.gif") no-repeat scroll 0 30% transparent*/
	width:1060px;
	margin:0 auto;
}

#branding {
    position:relative;
    background: url(images/logo.png) no-repeat 0 0;
    width: 1050px;
}
#branding a{
	display: none;
}
#branding h1{
	display: none;
}
#blog-title {
    width:652px;
}
#blog-description {
    width:652px;
    display: none;
}
#branding #searchform {
	display: none;
    position:absolute;
    top:68px;
    right:30px;
}
#branding #searchform label {
    display:none;
}
#branding #searchform input {
    font-size:13px;
    line-height:18px;
}
#branding #searchform input#s {
    width:316px;
}
#branding #searchform input#searchsubmit {
    display:none;
}

/*** THEMATIC SKIN ***/

ul.sf-menu  {
	padding: 4px 0 0 0;
	margin:0px;
}
.sf-menu  li {
float:left;
  display: inline;
  font-size: 12px;
  position: relative;
}
.sf-menu  li a {
  background: transparent url(images/navspace.jpg) no-repeat 100% top;
  color: #fff;
  padding: 5px 15px;
  margin: 0;  
  text-decoration:none;
}
.sf-menu  li a:hover {
  color: #FFF;
  background: transparent url(images/navbg.jpg) repeat-x 0 0;
}

.children {
margin: 0px;
  z-index:2000;
}
.sf-menu  li ul {
  display:none;
  position: absolute;
  padding: 11px 0;
  width: 350px; 
}

.sf-menu   li:hover ul {
display:block;
  z-index:2000;
}
.sf-menu  li:hover ul li {
float:none;
border-bottom-color: #004a60;
border-bottom-style: solid;
border-bottom-width: 1px;
}

.sf-menu   li:hover ul li {
  background: #0a6f8d url(images/dd-space.jpg) repeat-x scroll 0 100%;
  display: block;
  margin: 0 !important;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  width: 100%; 
}

.sf-menu  li:hover ul li a {
  margin: 0 !important;
  padding: 0;
  color: #FFF;
  background: none;
}

.sf-menu  li:hover ul li a:hover {
  color: #ffc000;
}

/* =Content
-------------------------------------------------------------- */

.search .page-title {
    display:none;
}


/* =Leader and Front Page Styles
-------------------------------------------------------------- */

#leader {
    border-bottom:1px solid #ccc;
    padding:40px 0 0 0;
    background-image: url(images/fond_leader_small.png);
}
.home > #wrapper > #leader{
	height: 358px;
	background: url(images/illu.gif) no-repeat;
}
#feature{
	margin-left: 485px;	
}
#leader-container {
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:988px;
}
#leader .entry-title {
    font-size:30px;
    line-height:35px;
    margin-top:0;
    padding:0 0 10px 0;
}
#leader .entry-title span {
    font-family:Georgia,serif;
    font-weight:normal;
    font-style:italic;
}
.single #leader .entry-title {
    width:652px;
}
#leader .entry-meta {
    position:absolute;
    top:15px;
    left:690px;
}

.page-template-front-page-php #feature {
		float:left;
}
.page-template-front-page-php #feature img {
float:left;
margin:-10px 10 0 -10px;
}
.page-template-front-page-php #feature-info {
    float:right;
	margin:0 0 0 19px;
    width:484px;
    padding-top: 30px;
}
.page-template-front-page-php #feature-info h2 {
    margin-top:-8px;
    padding:0 0 14px 0;
	font: 40px/45px Arial,sans-serif;
}
.page-template-front-page-php #container,
.page-template-front-page-php #content,
.page #content, .page #container  {
    margin:0;
    padding:0;
    width:988px;
}
.page-template-front-page-php #container {
    margin-top:-21px;
}
.page-template-front-page-php #sub-feature {
    font-size:13px;
    line-height:18px;
    position:relative;
    overflow:hidden;
}
.page-template-front-page-php #sub-feature p {
    margin:0 0 18px 0;
}

.page-template-front-page-php #sub-feature span {
    font-size:17px;
}

.page-template-front-page-php #sub-feature h3 {
    font-size:19px;
    padding:0 0 7px 0;
    text-transform:none;
		color:#047186;
}
.page-template-front-page-php #sub-feature h3 img {
    position:absolute;
    top:3px;
    right:0;
}
.page-template-front-page-php .block,.page .block  {
    float:left;
    width:600px;
}
#front-block-1 {
    margin-right:20px;
}
.page-template-front-page-php .block .avatar {
    float:left;
    margin:.25em 10px 0 0;
}
/*.page-template-front-page-php .block ul {
    border-top:1px solid #ccc;
    list-style:none;
    margin:0;
}
.page-template-front-page-php .block ul li {
    display:inline;
}
.page-template-front-page-php .block ul li a {
    border-bottom:1px solid #ccc;
    color:#666;
    display:block;
    padding:6px 0;
    text-decoration:none;
}
.page-template-front-page-php .block ul li a:hover,
.page-template-front-page-php .block ul li a:active {
    background:#fafafa;
    color: #18a7b2;
}
*/
.page .entry-content,
.single .entry-content {
    padding-top:0;
}

ul.missions{
	list-style-type: none;
	padding: 0;
	margin: 0 0 60px 0;
}
ul.missions li{
	background-color: #d1d1d1;
	padding: 6px 12px;
	-webkit-border-radius: .7em;
    -moz-border-radius:  .7em;
    border-radius:  .7em;
    width: auto;
    display: inline;
    margin-right: 5px;
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #5d5d5d;
}

.main-aside{
	-webkit-border-radius: .7em;
    -moz-border-radius:  .7em;
    border-radius:  .7em;
    padding: 0;

}
#primary {
	border: none;
	padding: 0;
}
.main-aside ul {
	padding:0;
	}
	
#text-4, #text-5{
	padding:18px;
	-webkit-border-radius: .7em;
    -moz-border-radius:  .7em;
    border-radius:  .7em;
	background-color: #d6d6d6;
	margin-bottom:22px;
}
#text-5{
	-webkit-border-radius: .9em;
    -moz-border-radius:  .9em;
    border-radius:  .9em;
	background: #18a7b2 url(images/fleche.png) no-repeat 10px 12px;
}

h3.widgettitle{
		margin-bottom: 10px;

}

.eventsListWidget h3.widgettitle{
	font-size : 16px;
	color:#363636;
	text-transform: uppercase;
	border-top: 1px dotted #7c7c7c;
	border-bottom: 1px dotted #7c7c7c;
	background: url(../images/puce_jaune.png) no-repeat 3px 50%;
	padding: 5px 0 5px 20px;
}

#content ul ul.upcoming, #secondary ul ul.upcoming {
	
        list-style-type: none;
        width: 100%;
}

.event a {
        color: #047186;
        font: bold 13px Arial, Helvetica, sans-serif;
        text-decoration: none;
}

a.more-link {
	font-size : 11px;
	color:#ffc000;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 0;
	margin: 0;
}

#content ul ul.upcoming li, #secondary ul ul.upcoming li {
border-bottom: 1px dotted #7c7c7c;
}

#text-5 > .textwidget > h3 a{
	color: white;
	font-size: 26px;
	padding: 0px 0 0  45px;
}

#footer{
	background-color: #6f7172;
	background-image: url(images/fond_footer.png);
}
#subsidiary .aside{
	width:100%;
	margin-right: 0;
	color: #232323;
}
.sub-aside > ul > li.widgetcontainer{
	float: left;
	width: 165px;
	margin-right: 20px;
	height: 180px;
}
.aside ul ul{
	padding: 0 !important;
	margin: 10px 0;
}

li.widgetcontainer > ul.blogroll li{
	list-style-type: none;
	padding: 0 !important;
	margin: 0 !important;
}
li.widgetcontainer > ul.blogroll li a{
	color: white;
}
li.widgetcontainer > ul.blogroll li a:hover{
	color: #3a3a3a;
}

li.widgetcontainer > ul.blogroll li a:hover{
	color: #3a3a3a;
}
#linkcat-4, #linkcat-5, #linkcat-6, #linkcat-8 {
	border-left: thin dotted #474747;
	padding-left: 20px;
}
#linkcat-3{
	clear: left;
}
#text-3{
	height: 40px;
	padding: 20px 0 ;
	
}
#linkcat-6{
	width: 150px;
}
#linkcat-8{
	width: 150px;
}
h2.membres{
	text-transform: uppercase;
	font-size: 20px;
	color:#FFF;
	clear: both;
	width: 1000px;
}

#siteinfo,#siteinfo a{
	padding-top: 50px;
	color: #434343;
}
#siteinfo a:hover{
	color: #fff;
}
span.date{
	display: inline-table;
	width: 110px;
	color: black;
}
#sIFR_replacement_0_alternate{
	font-size: 20px;
	color: #18a7b2;
}
#sIFR_replacement_4_alternate, #sIFR_replacement_3_alternate, #sIFR_replacement_2_alternate, #sIFR_replacement_6_alternate{
	font-size: 20px;
	color: #18a7b2;
}
#sIFR_replacement_8_alternate{
	font-size: 20px;
	color: #e4e6e5;
	
}











#featured{
	top:35px;
    margin:10px auto;
	width:800px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:310px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:800px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0;
	padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:16px;
	line-height:18px; 

}
#featured li.ui-tabs-nav-item a{
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
	text-decoration:none;
	vertical-align:text-middle;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url(images/selected-item.gif) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:800px; height:310px; 
	background:#fff; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url(images/transparent-bg.png); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
