/*
    Theme Name: CI Conseil
    Theme URI: http://www.ciconseil.fr
    Description: Thème pour la société CI Conseil
    Version: 1.0
    Author: Michael Wassmer
    Author URI: htttp://www.ap3com.com
*/

/* Couleurs
 *
 * vert : b2cc7f
 * marron : 8c8c3f
 */

/** {
     margin: 0;
}*/

html,body{
    height: 100%;
}

body {
    background:#FFF url(images/body_bg.gif);
    font-family: Arial, Verdana, Geneva, sans-serif;
    color:#444;
    margin:0 auto;
    padding:0;
}

a {
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}


/* ¤¤¤¤¤ Header ¤¤¤¤¤ */
#header {
    height:50px;
    margin:0 auto;
    padding: 20px 0;
    background:#FAFFEF url(images/header_bg.jpg) no-repeat;;
}

#header h1{
    margin:0 0 0 20px;
    padding:0 0 0 15px;
    font-size:18px;
    background:url(images/ci_conseil_logo.gif) no-repeat;
    line-height:40px;
    font-weight:bold;
    letter-spacing:4px;
    width:180px;
    font-family: Verdana, Arial, Geneva, sans-serif;
}

#header h1 a{
    color:#444;
}

#header h1 a:hover{
    text-decoration:none;
}


#header h2{
    margin:-10px 0 0 74px;
    padding:0;
    font-size:16px;
    color:#b2cc7f;
    display:none;
}

#header address{
    background:url(images/header_bloc.png);
    display:block;
    width:152px;
    height:62px;
    font-size:11px;
    margin: -55px 0 0 740px;
    padding:5px 0;
}


/*#header blockquote h3{
    width:152px;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    padding:2px 0 0 0;
    font-variant:small-caps;
}*/


#header address span{
    padding:1px 0 1px 20px;
    display:block;
    margin:11px 0 4px 10px;
    font-weight:bold;
    color:#666;
}

#header address span:hover{
    color:#555;
}

#header address a{
    color:#666;
}


#header address #telephone{
    background:url(images/telephone.png) no-repeat;
    letter-spacing:1px;
}

#header address #mobile{
    background:url(images/mobile.png) no-repeat;
    letter-spacing:2px;
}

#header address #email{
    background:url(images/email.png) no-repeat;
	font-size:10px;
}

/* ¤¤¤¤¤ Menu ¤¤¤¤¤ */
#menu{
    width:100%;
    height:30px;
    background:#E7EFD7;
    border:1px solid #aaa;
    border-right:0;
    border-left:0;
}

#suckerfishnav {
	font-size:12px;
	font-family:arial,verdana,sans-serif;
	width:740px;
}

#suckerfishnav,
#suckerfishnav ul {
	float:left;
	list-style:none;
	line-height:30px;
	padding:0;
	margin:0;
	width:740px;
}

#suckerfishnav a {
	display:block;
	color:#8c8c3f;
	text-decoration:none;
	padding:0px 8px;
    font-variant:small-caps;
    letter-spacing:2px;
    font-size:1em;
}

#suckerfishnav li li a {
    font-variant:normal;
    letter-spacing:0;
}

#suckerfishnav li {
	float:left;
	padding:0;
    background:#E7EFD7 url("images/menu_bg.gif") center right no-repeat;
}

#suckerfishnav ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:161px;
	font-weight:normal;
	margin:0;
	line-height:1;
	border:1px solid #BBB;
	/*border-top:none;*/
}

#suckerfishnav li li {
	width:159px;
    background:#E7EFD7;
}

#suckerfishnav li li a {
	padding:4px 8px;
	width:140px;
	font-size:12px;
	color:#dddddd;
}

#suckerfishnav li ul ul {
	margin:-21px 0 0 161px;
}

#suckerfishnav li li:hover {
	background:#FFF; /* submenu bg */
}

#suckerfishnav li ul li:hover a,
#suckerfishnav li ul li li:hover a,
#suckerfishnav li ul li li li:hover a,
#suckerfishnav li ul li li li:hover a  {
	color:#333;

}

#suckerfishnav li:hover a,
#suckerfishnav li.sfhover a {
	color:#333;
}



#suckerfishnav li:hover li a,
#suckerfishnav li li:hover li a,
#suckerfishnav li li li:hover li a,
#suckerfishnav li li li li:hover li a {
	color:#444;
}

#suckerfishnav li:hover ul ul,
#suckerfishnav li:hover ul ul ul,
#suckerfishnav li:hover ul ul ul ul,
#suckerfishnav li.sfhover ul ul,
#suckerfishnav li.sfhover ul ul ul,
#suckerfishnav li.sfhover ul ul ul ul  {
	left:-999em;
}

#suckerfishnav li:hover ul,
#suckerfishnav li li:hover ul,
#suckerfishnav li li li:hover ul,
#suckerfishnav li li li li:hover ul,
#suckerfishnav li.sfhover ul,
#suckerfishnav li li.sfhover ul,
#suckerfishnav li li li.sfhover ul,
#suckerfishnav li li li li.sfhover ul  {
	left:auto;
	background:#EFEFEF;
}

#suckerfishnav li:hover,
#suckerfishnav li.sfhover {
	background:#FFF url("images/menu_bg.gif") center right no-repeat;
}


/* ¤¤¤¤¤ Search ¤¤¤¤¤ */


#searchform #s{
    width:110px;
    border:1px solid #DDD;
    padding:2px 5px 2px 5px;
    margin:3px 0;
    color:#666;
}

#searchform #s:hover{
    border:1px solid #CCC;
}

#searchform #searchsubmit{
    background: url(images/search.png) center center no-repeat;
    width:25px;
    height:23px;
    border:0;
}

.searchResult{
    border:1px solid #DDD;
    margin:5px 10px;
    padding:0 0 0 25px;
    background: #F5F5F5 url(images/result_page.png) 5px center no-repeat;
}

.searchResult h2{
    font-size:1em;
}

#searchInfo{
    margin:10px;
    font-size:16px;
}

/* ¤¤¤¤¤ Wrapper ¤¤¤¤¤ */
#wrapper {
    float:none;
    clear:both;
    padding:0;
    width:900px;
    text-align:left;
    border:2px solid #BBB;
    border-bottom:0;
    border-top:0;
    background:#FFF url(images/stripe.png);
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}



/* ¤¤¤¤¤ Post Wrap ¤¤¤¤¤ */
.posts-wrap {
    float:right;
    clear:none;
    width:540px;
    background:#FAFFEF;
    height:476px;
    overflow-y:auto;
    margin:0 10px 10px 0;
    border:1px solid #EEE;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
}

#articles{
    height:453px;
}

.posts-wrap h2,
.post h2{
    color:#555;
    font-size:1.4em;
    font-weight:bold;
    background:#EEE;
    padding:10px;
}

.page-title{
    color:#666;
    font-size:1.4em;
    font-weight:bold;
    background:#EFEFEF url(images/title_bg.gif) top center repeat-x;
    padding:10px 10px 0 10px;
    float:right;
    width:539px;
    height:50px;
    clear:none;
    margin:0 0 10px 0;
    border-bottom:1px solid #DEDEDE;
}

.page-title a{
    color:#666;
}

.page-title a:hover{
    text-decoration:none;
}


.post h3{
    margin:25px 10px 10px 10px;
    padding:0;
    color:#555;
    font-size:17px;
    font-weight:bold;
}

.post h4{
    margin:10px;
    padding:0;
    font-size:15px;
    font-weight:bold;
}

a.pdf{
    font-size:12px;
    color:#AFBF8F;
    font-weight:normal;
    text-decoration:none;
    /*float:right;*/
    display:block;
    width:75px;
    height:20px;
    background:url(images/pdf.png) right center no-repeat;
    padding: 0 10px 0 0;
    line-height:20px;
    margin:0 0 0 450px;
}

a.pdf:hover{
    color:#555;
}

.post-date{
    float: right;
    display: block;
    margin: 5px 10px 0 0;
    background: url(images/post_date_bg.gif) no-repeat;
    width:40px;
    height:45px;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    line-height:17px;
    color:#666;
    font-size:14px;
}

.day{
    font-size:18px;
    line-height:20px;
}

.post p{
    margin:10px;
}


/* ¤¤¤¤¤ Entry ¤¤¤¤¤ */
.entry-title {
    display:block;
    padding:5px;
    color:#555;
    font-size:17px;
    font-weight:bold;
    width:440px;
    background:none!important;
}


.entry-title a{
    display:block;
    padding:10px;
    color:#555;
    font-size:17px;
    font-weight:bold;
    width:440px;
    background:none!important;
}

.entry-content{
   padding:5px;
}

.entry-content h2{
    color:#555;
    font-size:20px;
    font-weight:bold;
    background:none;
    padding:5px;
}

.entry-content p{
    margin:10px;
}

.entry-content ul{
    margin:10px 10px 10px 10px;
    padding:0 0 0 15px;
}

.entry-content ul li{
    padding:0 0 0 20px;
    margin:3px 0;
    background:url(images/bullet_arrow.png) no-repeat;
}

.entry-content ol{
    margin:10px 10px 10px 30px;
    padding:0 0 0 15px;
}

.entry-content ol li{
    padding:0;
    margin:3px 0;
    list-style-type: decimal;
}

.entry-content-index p{
    margin:0 10px 10px 10px;
}

.entry-content a{
    color:#333;
    text-decoration:none;
}

.entry-content a:hover{
    color:#000;
    text-decoration:underline;
}

.entry-content img{
    background:#FFF;
    padding:5px;
    border:1px solid #DDD;
}

.more-link{
    color:#9CAF6D;
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    background: url(images/full_page.png) no-repeat;
    display:block;
    padding:0 0 0 25px;
	margin:10px 0 0 0;
    line-height:20px;
    width:100px;
	text-align:left;
}

h2.index-entry-title{
    padding:5px;
}

.Publications ul {
    padding:0;

}

.Publications ul li{
    background: url(images/download.png) no-repeat;
    display:block;
    padding:0 0 0 25px;
    margin:0;
    line-height:23px;
    width:180px;
}


/* ¤¤¤¤¤ Commentaires ¤¤¤¤¤ */
h3#comments,
h3#postcomment{
    background:#E7EFD7;
    padding:5px;
}

ol#commentlist{
    padding:0;
    margin:0 10px;
    font-style:11px;
}

ol#commentlist li{
    list-style:none;
    padding:0 0 5px 0;
    margin:0;
    border-bottom:1px solid #DDD;
    width:480px;
}

ol#commentlist li p{
    margin:5px 0;
    line-height:20px;
}

ol#commentlist li cite{
    padding:3px;
    display:block;
    width:100%;
    font-size:13px;
    font-weight:bold;
    color:#555;
}

#commentform{
    margin:10px;
}

#commentform label{
    display:block;
    clear:both;
    font-size:13px;
    margin:0 0 0 5px;
}

#commentform input,
#commentform textarea{
    margin:0 0 10px 0;
    background:#FFF;
    border:1px solid #DDD;
    padding:5px;

}

#commentform textarea{
    width:480px;
    height:100px;
}

#submit{
    background:#E7EFD7;
}

.avatar{
    float:left;
    margin:0 5px 0 0;
}


/* ¤¤¤¤¤ L'Equipe ¤¤¤¤¤ */
.l-equipe blockquote{
    /*background:#F6FFDF url(images/user.png) top right no-repeat;*/
    padding:10px;
    border:1px solid #DDD;
    margin:10px;
}

.l-equipe blockquote h3{
    margin:5px 10px 0 10px;
}

.l-equipe blockquote h4{
    font-size:12px;
    width:400px;
    color:#666;
    margin:3px 0 15px 10px;
}

.l-equipe blockquote h5{
    font-size:12px;
    width:400px;
    color:#666;
    margin:15px 0 5px 10px;
}

/* ¤¤¤¤¤ Rounded box ¤¤¤¤¤ */
.rounded_box{
    margin:5px 10px 10px 5px;
}
.rounded{display:block}
.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E9EED8}
.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f7ee;
  border-right:1px solid #f5f7ee;
  background:#eef2e1}
.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfdfb;
  border-right:1px solid #fcfdfb;
  background:#edf1df}
.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #edf1df;
  border-right:1px solid #edf1df;}
.rounded4{
  border-left:1px solid #f5f7ee;
  border-right:1px solid #f5f7ee}
.rounded5{
  border-left:1px solid #eef2e1;
  border-right:1px solid #eef2e1}
.roundedfg{
  background:#E9EED8}


/* ¤¤¤¤¤ Pagenavi ¤¤¤¤¤ */
.wp-pagenavi{
    margin:5px 0 0 360px;
    font-size:12px;
    /*float:right;*/
    display:block;
    padding:0 0 0 0;
    width:400px;
    height:20px;
    font-weight:bold;
}


.wp-pagenavi a, .wp-pagenavi a:link {
	padding:0;
	margin:0 2px;
    width:25px;
    height:20px;
    line-height:20px;
    text-align:center;
	text-decoration: none;
	color: #777;
	background:#EEE url(images/pagenavi_bg.png) bottom left repeat-x;
    border:1px solid #DDD;
    border-bottom:0;
    display:block;
    float:left;
}

.wp-pagenavi a:hover {
	color: #333;
    background:#E9EED8;
    border:1px solid #CCC;
    border-bottom:0;
}

.wp-pagenavi span.pages {
	padding:0 4px;
	margin:0 2px 0 0;
    height:20px;
    background:#E9EED8 url(images/pagenavi_bg.png) bottom left repeat-x;
    border:1px solid #DDD;
    border-bottom:0;
    line-height:20px;
    display:block;
    float:left;
}
.wp-pagenavi span.current {
	padding:0;
	margin:0 2px;
    width:25px;
    height:20px;
    line-height:20px;
    text-align:center;
	color: #000;
    background:#E9EED8 url(images/pagenavi_bg.png) bottom left repeat-x;
    border:1px solid #DDD;
    border-bottom:0;
    display:block;
    float:left;
}
.wp-pagenavi span.extend {
	padding:0;
	margin:0 2px;
    width:25px;
    height:20px;
    line-height:20px;
    text-align:center;
	color: #777;
    background:#FFF url(images/pagenavi_bg.png) bottom left repeat-x;
    border:1px solid #DDD;
    border-bottom:0;
    display:block;
    float:left;
}


/* ¤¤¤¤¤ Links ¤¤¤¤¤ */
.blogroll{
    list-style:none;
    margin:0!important;
    padding:0;
}

.blogroll li{
    padding:0 0 0 25px!important;
    margin:10px 0!important;
    background:url(images/bullet_arrow.png) no-repeat;
}

.blogroll li a{
    color:#555;
    text-decoration:none;
}

.blogroll li a:hover{
    color:#333;
    text-decoration:underline;
}

/* ¤¤¤¤¤ Sidebar ¤¤¤¤¤ */
.sidebar {
    margin:0 0 10px 0;
    display:block;
    overflow:hidden;
    float:left;
    clear:none;
    width:320px;
    padding:10px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    background:#EEE url(images/sidebar_bg.jpg) bottom right no-repeat;
    height:530px;
}

.sidebar p{
    margin:10px;
}

.sidebar ul{
    margin:5px 0;
    padding:0;
}

.sidebar ul li{
    margin:3px 0 0 45px;
}

.sidebar ul li a{
    color:#A7BF6B;
    font-weight:bold;
    font-size:10px;
    background: url(images/page.png) no-repeat;
    display:block;
    padding:0 0 0 20px;
    line-height:13px;
}

.sidebar ul li a:hover{
    color:#555;
    background: url(images/page_over.png) no-repeat;
    text-decoration:none;
}

.sidebar #diaporama{
    margin:10px 0 0 10px;
    display:block;
    width:300px;
    height:188px;
	z-index:1;
}


h3.widgettitle{
    font-size:17px;
    font-weight:bold;
    margin: 10px 0 0 10px;
    padding:0 0 0 35px;
    line-height:30px;
    color:#666;
    background: url(images/arrow.png) left center no-repeat;
}

#texte_newsletter{
    font-size:12px;
    width:220px;
    margin:0 0 0 45px;
}

#texte_newsletter p{
    margin:0;
}

#texte_newsletter ul{
    margin:5px 0;
    padding:0 0 0 15px;
}

#texte_newsletter ul li{
    margin:0;
    padding:0;
    font-size:11px;
    list-style:url(images/small_arrow.png);
}


/* ¤¤¤¤¤ Align ¤¤¤¤¤ */
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}


/* ¤¤¤¤¤ Footer ¤¤¤¤¤ */
#footer {
    /*height:80px;*/
    overflow:hidden;
    margin:0 auto;
    clear:both;
    float:none;
    text-align:center;
    padding:0 5px;
    font-size:11px;
    /*line-height:25px;*/
    text-align:right;
    width:890px;
}

#footer h2{
    font-family:georgia;
    /*font-variant:small-caps;*/
    font-size:1.5em;
    color:#666600;
    text-align:left;
    width:810px;
    margin:0 auto;
    padding: 0 0 0 70px;
    line-height:50px;
    background:#E7EFD7 url(images/accept.png) 10px center no-repeat;
    letter-spacing:0px;
    border:1px solid #CCC;
    font-weight:bold;
}

#footer p{
    margin:0;
    padding:5px 5px 0 0;
    color:#999;
    /*background: url(images/ap3com.png) right bottom no-repeat;*/
}

#footer p a{
    color:#666;
}

#footer p a:hover{
    color:#333;
}