/*  
Theme Name: FIDI
Version: 1.0
Author: XAHUTU-STUDIO
Author URI: http://www.xahutu-studio.com
*/


/* HTML ------------------------------------------------------------------ */
* { margin:0; padding:0; }
body { font:62.5% Arial, Helvetica; background:#FFF; color:#4c4c4c; }
p { margin: 5px 0 15px 0; font-size:1.1em; line-height:1.4em; }
a {	color:#335280; text-decoration:none }
a:hover{ text-decoration:underline;}
a img { border:0; }
h1, h2, h3{ display:block; }



/*LISTES--------------*/
.post ul, .panel ul {margin:10px 0 0 0;font-size:1.2em;}
.post li,.panel li  {background:url(img/puce.png) no-repeat 5px 5px;font-size:1em;list-style:none;margin:0 0 0 5px;padding:0 0 5px 15px; }
.post ul strong,.pannel ul strong {margin:0 0 5px;padding:0;font-weight:bold;display:block}
.post ul li strong, .pannel ul li strong  {margin:0;padding:0;font-weight:bold;display:inline}



.liinternal {font-size:12px;text-decoration:underline}


/* Float Properties*/
.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right;	display:inline; }

.clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfloat { display: inline-block; }
* html .clearfloat { height:1%; }
*+html .clearfloat { height:1%; }
.clearfloat { display:block; }

#page-bar a.nolink {cursor:default}
.breadcrumbs {margin:5px 0 10px; display:block;}

#tools {margin:10px 0; display:none;}

/*BLOCKQUOTE ----------------------------------- */
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

#content blockquote {background-color:#EEEEEE;
border:1px solid #CCCCCC;
display:block;
margin:10px auto;
padding:0 10px;
text-align:left;
width:95%;}


/*TABS-------------------------------------------*/
ul.postTabs li a {
font-size:1.5em;
font-weight:bold;}

.postTabs_divs {
font-size:1.2em;}

address {background: url(img/external.png) no-repeat  top left;padding:0 0 0 10px}

.liste-entry {	border-bottom:1px solid #E8E6E6;display:inline-block;margin:5px 0;padding:5px; position:relative;width:670px;}
.liste-entry h3{ margin-top:0!important; margin-bottom:10px!important; font-weight:bold!important; line-height:1.2em!important; }
.liste-entry #stats{ top:5px;}

.post { position:relative; }
.post img {padding:2px;border:1px solid #E8E6E6}
.post #stats{ position:absolute; top:5px; right:10px; }

.spoiler {display:block;margin-bottom:15px}
.spoiler a img {border:1px solid #E8E6E6;margin-right:5px; margin-bottom:15px;padding:2px;}

/*.title {height:70px;}*/

/* HEAD ----------------------------------------------------------------- */
#head { width:900px; height:90px; margin:0 auto; background: url(images/bg-header.jpg) top no-repeat; }
#tagline {display:none; }
#head a.gotohome {display:block;height:90px;width:200px}

/* NAVBAR ---------------------------------------------------------------- */
#navbar {	height:30px; width:900px; margin:0 auto 15px; padding:0 0 2px; font-size:1em; background:url(img/navbar-bg.gif) repeat-x; /* pascal border-top:4px solid #335280; */}

/* SEARCHFORM */
#searchform { float:right; text-align:left; width:190px; margin:5px 2px 0 0;	}
#searchform input#s { border:1px solid #335280; font-size:1.2em; height:14px; padding:2px; vertical-align:top; width:155px;}
#searchform input#searchsubmit {}

/* PAGEBAR */
#page-bar { width:700px; }
#page-bar ul {z-index:2000;}
#page-bar li {z-index:2000; float:left;	list-style:none; display:block; background:url(img/navbar-pipe.gif) no-repeat top left; }
#page-bar li:hover { }
#page-bar a { margin:0; padding:8px 12px; font-weight:bold; display:block; font-size:1.2em; cursor:pointer; }
#page-bar a:hover { text-decoration:none; }

#page-bar li.page-item-37{ display:none; }
	
#page-bar li li { float:left; margin:0; padding:0; width:165px; text-transform:none; }
#page-bar li li a{ width:165px; float: none;	padding:2px 5px; border-bottom: 1px solid #C0C0C0; background:#efefef; font-size:1.1em;  font-weight:normal;  }
#page-bar li li a:hover { text-indent:5px; background:#EFF4FF; }
#page-bar li ul { position: absolute; width: 10em; left: -999em;	}
#page-bar li:hover ul { left: auto; display: block; }
#page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; }

/* PAGE ----------------------------------------------------------------- */	
#page { width:900px; margin:0 auto; padding: 0;  padding-bottom:12px;	}

/* CONTENT ---------------------------------------------------------------*/

#content { width:690px; float:left; }
#content-annuaire {width:900px; float:left}
#content h2,#content-annuaire h2{ color:#335280; font-size:1.8em; border-bottom:1px solid #e8e6e6; padding:0 0 2px; margin:0 0 4px; }
#content h3,#content-annuaire h3{ font-size:1.5em; font-weight:normal; color:#5f5f5f; line-height:1.5em; margin:15px 0; }
#content h4,#content-annuaire h4{ border-bottom:1px solid #e8e6e6; color:#335280; font-size:1.2em; font-weight:bold; margin:10px 0; padding:5px ;}
#content h5,#content-annuaire h5{   font-size:1em; text-align: center; font-style:italic}
#content p,#content-annuaire p{ font-size:1.2em; } 


table {font-size:1.2em; line-height:1.4em;border-bottom:1px solid #ccc;border-left:1px solid #ccc}
table td{border-top:1px solid #ccc;padding:5px;border-right:1px solid #ccc;}
th {border-top:1px solid #ccc;padding:5px;border-right:1px solid #ccc;font-size:1.4em;background:#efefef}


/* MIDDLE */
#middle { width:690px;}

/* HEADLINE */
#headline { width:470px;float:right; padding-top:20px; background:url(img/actus-heading.gif) top left no-repeat;}
#headline .post { background:url(img/headlinepost-bg.gif) repeat-x bottom; padding:5px; margin:10px 0; position:relative;  } 
#headline .post h3 { font-size:1.2em; font-weight:bold; margin:0 0 0 100px; }
#headline .post p{ margin:0 0 0 100px; }
#headline .post img{ position:absolute; top:5px; left:5px; padding:2px; background:#FFF; border:1px solid #e8e5e5; }
#headline .post a.readmore { display:block; text-align:right; margin-top:10px; } 

/* LEFT COLUMN */
#left-column {	float:left; width:205px;}
#left-column .featured { width:100%;}
#left-column .featured h4{ color:#335280; text-transform:uppercase; font-size:1.2em; border-bottom:1px solid #e8e6e6; padding:0 0 1px; margin:0 0 2px; }
#left-column a img {padding:5px 0;}


/* SIDEBAR ------------------------------------------------------------ */
#sidebar { width:205px; float:right; margin:0; }
#sidebar h3 { background:url(img/sidebarh3-bg.gif) no-repeat; width:205px; height:22px; text-align:center; color:#335280; padding:8px 0 0; font-size:1.2em; text-transform:uppercase;  }
#sidebar ul { padding:0 5px; font-size:1.2em; }
#sidebar li { list-style:none; border-bottom:1px dotted #ccc; display:block; padding:2px 0; }
#sidebar li a{ width:195px; display:block; }

/* SIDEBAR TOP */
#sidebar-top { background:url(img/sidebartop-bg.gif) top no-repeat; width:205px; height:190px;}
#sidebar-top form { padding:0; }
#sidebar-top form li{ border-bottom:none; margin-bottom:5px; }
#sidebar-top form li a{ font-size:10px; color:#335280; }
#sidebar-top form li input{ width:180px; }
#sidebar-top form li input#login_memo{ width:auto; }
#sidebar-top label { font-weight:bold; color:#9cacb2; font-size:11px; }
#sidebar-top form p { text-align:right; margin:5px 10px 0 0;}
#sidebar-top form p input{ padding:2px 10px; background:#335280; color:#FFF; font-weight:bold; font-size:11px;}
#sidebar-top form li input#wp-submit {width:120px; margin:10px auto 0;display:block}


#swfheader {height:210px; width:690px;margin-bottom:10px; background:url(img/ajax-loader.gif) center no-repeat;}

#contact{ margin-top:10px; }
#contact p { margin:5px 0 5px 10px; }


#bottomline h3{ border-bottom:1px solid #335280; font-size:1.24em; padding:2px; font-weight:bold; margin-bottom:5px;}
#bottomline li { list-style:none;  }
#activites, #developpement { display:inline; float:left; margin-right:10px; }
#activites{width:150px}
#developpement { margin-right:0!important; width:310px; }
#activites ul, #developpement ul { padding:0; font-size:1.2em; }
#activites li{ display:block; background:url(img/navbar-pipe.gif) repeat-x bottom; }
#activites li a, #developpement li a{display:block;  padding:5px 0 5px 8px ; font-weight:bold; }
#developpement li a{ font-weight:normal; color:#4C4C4C; padding-top:0; font-size:.9em;width:302px; background:url(img/puce.gif) no-repeat 0 3px;}
#activites li a{ width:142px; text-align:center;}
#membres ul{ list-style-type:none; margin:10px auto; width:150px;}
#membres ul li{ text-align:center; }
#membres ul img{ width:150px; height:150px; }
#membres ul span{ display:block; text-align:center; font-weight:bold; font-size:12px; }

/*   CODA
.csw {width: 600px;  overflow: auto}
.csw .loading {margin: 200px 0 300px 0; text-align: center}


.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
min-height:150px;
	width: 600px;
	list-style-type: none;
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 470px; /* Also specified in  .stripViewer  above */
}
	

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: 0 0 0 200px;
	width: 470px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	7
	background: #fff;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 470px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;float:left !important;;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;position:absolute ;
;
}

.stripNav ul li {
	width:190px;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 20px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 5px;
}

.stripNav li.tab1 a { background: #86BBEF }
.stripNav li.tab2 a { background: #6FA7DF }
.stripNav li.tab3 a { background: #5A95CF }
.stripNav li.tab4 a { background: #4784BF }
.stripNav li.tab5 a { background: #3673AF }
.stripNav li.tab6 a { background: #27649F}
.stripNav li.tab7 a { background: #245b91}
.stripNav li.tab8 a { background: #1e4c79}
.stripNav li.tab9 a { background: #183e63}
.stripNav li.tab10 a { background: #133250}


.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}