/*
Theme Name: FEPEF
Theme URI: http://www.ideaux.fr/
Description: Thème par défaut
Version: 2.0
Author: Idéaux
 
FEPEF par Idéaux || http://www.ideaux.fr
 
*/

/* -------------------- DEF GENERALES ------------------- */

body {background:url(images/degrade_fd.jpg) repeat-x #515151; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#525252;}
#page {width:1020px; margin:0 auto; background:url(images/fd_blanc.png) repeat-y center;}

a {color:#525252; text-decoration:none;}
.bold {font-weight:bold;}

#header {}
#banniere {background:url(images/header.jpg) no-repeat; height:124px;}
#nav {background:url(images/nav.gif) no-repeat; height:28px; padding:10px 10px 0 33px}

#nav li {display:inline; font-size:12px; font-weight:bold; padding-right:10px; padding-left:8px; background:url(images/nav_trait.gif) no-repeat right;}
#nav li a {text-decoration:none; color:#525252;}
#nav li a:hover {color:#386402;}

#conteneur {background-color:#FFF; width:940px; margin:0 auto; padding:0 10px 0 10px;}
#ariane {float:left; padding-top:6px;}
#search {float:right;}
.in_search {border:solid 1px #e2e2e2;}
.btn_ok {vertical-align:bottom}

#content {float:left; width:673px; background-color:#FFF; margin-left:30px; padding:20px 10px 10px 10px;}
#content.content_full {width:920px; padding:20px 10px 10px 10px;}

.activ {font-weight:bold; color:#EB5116;}


.post p {margin: 1.12em 0; }
.post {padding-left:10px;}

.post h1 {font-size:17px; color:#EB5116; text-transform:uppercase;}
.post h2 {font-size:15px; color:#EB5116; text-transform:uppercase;}
.post h3 {font-size:13px; color:#343434; text-transform:uppercase;}


#sidebar {float:right; background-color:#FFF; padding-right:10px; margin-right:30px; padding-top:20px;}
#quicklinks {background:url(images/bt_arrondi.gif) no-repeat bottom; padding-bottom:18px; margin-bottom:35px;}
.sidebox {background:url(images/bt_arrondi.gif) no-repeat bottom; padding-bottom:18px; margin-bottom:14px;}
.side_contenu {width:210px; margin-left:17px; background:#ededed url(images/degrade_box.gif) repeat-x bottom; padding:7px 10px 7px 20px;}

.clear {clear:both;}

#slider {position:relative; background:#202834 url(loader.gif) no-repeat 50% 50%;margin-bottom:23px;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {border:0;}

#label {position:relative; left:-20px; top:12px;}

.article {width:670px; position:relative; left:-10px; border:#dadada solid 1px; padding-bottom:10px;}

.titre_article {background:url(images/degrade_article.gif) repeat-x bottom; padding-top:10px;  line-height:18px; padding-bottom:5px; margin-bottom:12px;}
.titre_article p {padding-left:47px;}
.pluspartage {float:left; padding-left:9px; padding-right:13px;}
h2 {font-size:17px; color:#343434; text-transform:uppercase;}
.article p {font-size:12px; color:#343434; line-height:15px; padding-right:10px; padding-bottom:5px;}
.excerpt {padding-bottom:8px; padding-left:10px;}
.art_title {padding-left:46px}
.art_title_page {padding-left:10px; padding-bottom:5px;}


.tfe {float:left; padding:0 20px 0 0px;}
.more {font-size:13px; color:#eb5116; text-transform:uppercase; font-weight:bold; padding-top:5px;}
.more img {vertical-align:text-bottom; padding-right:5px;}

#footer {background:#FFF url(images/degrade_footer.gif) repeat-x; width:960px; margin:0 auto; padding-top:16px; font-size:12px; line-height:14px;}
#footer a {color:#525252;}
#footer a:hover {text-decoration:underline;}
.tab_footer {margin-left:50px; width:752px; margin-bottom:18px; }
#footer h2 {font-size:12px;}
#footer li {list-style:none;}
.copyright {background:#333333; color:#FFF; padding:10px; font-size:10px;}
#footer .copyright a {color:#FFF; font-weight:bold}

.img_cat {border:1px solid #dadada;}

/*Boites parlons-en*/
.boites {width:321px; float:left; border-right:1px solid #dadada; margin-right:10px;}
.boites a:hover {color:#eb5116}

.archives_cat {width:302px; background:#595959; color:#fff; padding:10px; margin-bottom:10px;}
.boites .archives_cat a {color:#fff;}

/*Qui sommes nous*/
.boite-ico {height:80px; margin-bottom:15px; line-height:20px;}
.boite-ico img {float:left; margin-right:15px;}
.titre-orange {color:#eb5116; font-size:14px; font-weight:bold; line-height:16px;}
.titre-orange a {color:#eb5116; font-size:14px; font-weight:bold;}



/*Slider*/
.nivo-controlNav {bottom:-20px;left:47%;position:absolute;}
.nivo-controlNav a {background:url(images/bullets.png) no-repeat scroll 0 0 transparent;border:0 none;display:block;float:left;height:10px;margin-right:3px;text-indent:-9999px;width:10px;}
.nivo-controlNav a.active {background-position:-10px 0;}
.nivo-directionNav a {background:url(images/arrows.png) no-repeat scroll 0 0 transparent;border:0 none;display:block;height:34px;text-indent:-9999px;width:32px;}
a.nivo-nextNav {background-position:-32px 0;right:10px;}
a.nivo-prevNav {left:10px;}

/*Carte de France*/
#boite_gauche {width:720px; float:left}
#boite_droite {float:right; width:180px;}


/*Openbox*/
.slideOutTip{position:absolute;background-color:#dadada;height:23px;}

.tipVisible{ cursor:pointer;}
.tipTitle{}

.tipIcon{width:23px;height:23px;float:left;}
.plusIcon{width:23px;height:23px;background:url('images/plus.png') no-repeat center center; padding-left:20px;}

.slideOutTip.isOpened{ z-index:10000; }
.slideOutTip.isOpened {background-image:url(images/degrade_article.gif); background-repeat:repeat-x; background-position:bottom; }
.sociable {margin:-14px 0 0 36px;}
.slideOutTip.isOpened .plusIcon{background:url('images/plus_close.png') no-repeat center center;}
.slideOutContent{display:none;padding:10px;font-size:11px;}
.openbox > p{ display:none; }

/*Sidebare*/

.ec3_list li {padding-right:6px;}
.ec3_list li img {float:right;}

.side_contenu li {list-style:none;}
.ec3_list li {padding-bottom:5px;}

/* ----------------------- HEADER ----------------------- */


/* ---------------------- CONTENU ----------------------- */


/* ----------------------- FOOTER ----------------------- */


/* -------------------- COMMENTAIRES -------------------- */

.comments-template {margin-top:20px;}
#respond {padding-top:20px;}
#respond small {line-height:20px;}
.commentlist {}
.commentlist p {}
.fn {font-weight:bold; color:#eb5116; text-transform:capitalize;}
.fn a {font-weight:bold; color:#eb5116; text-transform:capitalize;}
.commentlist li {margin-top:10px; padding-top:10px;}
#nav-comment {margin-top:20px; padding-bottom:10px; color:f9b105;}
#nav-comment a {color:#f9b105; font-weight:bold;}

.comment-author {font-size:12px;}
.comment_text {background:#ededed url(images/degrade_box.gif) repeat-x bottom; padding:10px; width:641px; margin-top:5px;}
.alignright {float:right;}

#commentform input {margin-bottom:3px;}

/* --------------------- NEWSLETTER --------------------- */

#last_news {border-top:solid 1px #CCCCCC;}


/*Page Navi*/

.wp-pagenavi {margin-bottom:10px; margin-top:20px;}


/*Onglet*/

.label {margin-bottom:29px;}
.label ul {list-style-type:none;}
.label li {display:block;float:left;padding-left:10px;}
.label li a {
    background:url(images/onglet.png) no-repeat right;
    height:40px;
    padding-right:20px;
    display:block;
    color:#386402;
    font-size:12px;
    line-height:29px;
    text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

.label li a span {
    background:url(images/onglet.png) no-repeat left;
    height:40px;
    padding-left:22px;
    margin-left:-30px;
    display:block;
}

/*Contact*/

.contact {padding-top:10px; border-bottom:1px solid #dadada;}
.contact img {float:left; padding-left:10px; width:80px}
.contact p {margin-left:100px}
.contact h3 {color:#eb5116; font-size:14px; padding-bottom:10px; margin-left:100px;}