/*  
Theme Name: COPREC
Version: 1.0
Author: INTERFACEIP
*/


/* 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:#1DBBEA; text-decoration:none }
a:hover{ text-decoration:underline;}
a img { border:0; }
h1, h2, h3{ display:block; }

/* 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: "" "";}

.entry blockquote {	display:block;	background: url(img/quote-start.png) no-repeat top left;padding:10px 0 0 40px;	margin:10px;text-align:left;}
.entry blockquote p {background: url(img/quote-end.png) no-repeat  bottom right;font-style:italic;padding:0  40px 10px 0;}

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;}
.liste-entry h3{ margin-top:0!important; margin-bottom:10px!important; font-weight:bold!important; line-height:1.2em!important; }
.liste-entry #stats{ position:absolute; top:5px; right:10px; }

.post { position:relative; }
.post h4 { border-bottom:none!important; }
.post li {font-size:1.2em;padding:0 0 10px 15px;list-style:none;background:url(img/arrow.png) no-repeat top left; }
.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 #1dbbea; */}

/* SEARCHFORM */
#searchform { float:right; text-align:right; width:190px; margin:5px 2px 0 0;	}
#searchform input#s { border:1px solid #1dbbea; 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:10px 5px; 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:145px; text-transform:none; }
#page-bar li li a{ width:145px; float: none;	padding:2px 5px; border-bottom: 1px solid #C0C0C0; background:#FFF; font-size:1.1em;  font-weight:normal;  }
#page-bar li li a:hover { text-indent:5px; background:#f2f1f1; }
#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 h2{ color:#1dbbea; font-size:1.8em; border-bottom:1px solid #e8e6e6; padding:0 0 2px; margin:0 0 4px; }
#content h3{ font-size:1.5em; font-weight:normal; color:#7F7F7F; line-height:1.5em; margin:15px 0; }
#content h4{ border-bottom:1px solid #e8e6e6; color:#1DBBEA; font-size:1.2em; font-weight:bold; margin:10px 0; padding:5px 0;}
#content h5{   font-size:1em; text-align: center; font-style:italic}
#content p{ font-size:1.2em; } 




/* 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:#1dbbea; text-transform:uppercase; font-size:1.2em; border-bottom:1px solid #e8e6e6; padding:0 0 1px; margin:0 0 2px; }



/* 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:#1dbbea; 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:#1DBBEA; }
#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:#1DBBEA; 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-bottom:5px; }


#bottomline h3{ border-bottom:1px solid #1DBBEA; 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; }