/*
Theme Name: Wokine
Theme URI: http://www.wokine.com
Description: Thème de préparation pour l'agence Wokine
Version: 1
Author: Alex <alex@wokine.ccm
Author URI: http://wnw.wokine.com
Tags: soft, clean, simple, 3 columns, fixed width

This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)
*/



/***** RESET *****/

body, div, pre, ul, li, table, tr, td, th, thead, tbody, tfoot, p, h1, h2, h3, h4, h5, form, img {
  	border:0;
  	padding:0;
 	margin:0;
}

a, a:visited {
  color:#0000ff;
}

body {
	background-image:url(images/background-repeat.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #006752;
	font-family: Tahoma, Arial, Verdana, Sans serif;
	font-size: 12px;
}

#wrapper-container {
	background-image:url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

ul, li {
	list-style-type: none;
}

.col-parent {
	overflow: hidden;
	background-color: #FFFFFF;
}

#content {
	float: left;
	width: 480px;
}

#wrapper-container {
	text-align:center;
}

#wrapper {
	margin: 0 auto;
	width: 695px;
	text-align: left;
}



/***** HEADER *****/

#content-header {
	height: 230px;
}

#header {
	height: 188px;
}

#header h1 {
	padding-left:400px;
}

#header h1 a {
	display:block;
	height:90px;
}

#header h1 span {
	display:none;
}
#header h1 a.saphir {
    display:block;
    height:50px;
    clear:both;
    
}



/***** MENU *****/

#menu-bar {
	height: 33px;
	background-color: #B3D9CE;
}

#menu-bar li {
	display: block;
	float: left;
}

#menu-bar li span{
	display: none;
}

#menu-bar .accueil{
	display: block;
	background-image: url(images/accueil.png);
	width: 117px;
	height: 33px;
}

#menu-bar .agence{
	display: block;
	background-image: url(images/agence.png);
	width: 125px;
	height: 33px;
}

#menu-bar .coups-de-coeur{
	display: block;
	background-image: url(images/coupdecoeur.png);
	width: 176px;
	height: 33px;
}

#menu-bar .etonnez-moi{
	display: block;
	background-image: url(images/etonnez.jpg);
	width: 164px;
	height: 33px;
}

#menu-bar .contact{
	display: block;
	background-image: url(images/contact.png);
	width: 110px;
	height: 33px;
}

#rss, #rss a{
	display: block;
	background-image: url(images/rss.png);
	margin-top: 15px;
	margin-bottom: 1px;
	margin-right: 30px;
	padding-bottom: 1px;
	padding-left: 25px;
	background-repeat:no-repeat;
	text-decoration: none;
	color: #ffffff;
}

#facebook, #facebook a{
	display: block;
	background-image: url(images/facebook.png);
	margin-top: 15px;
	margin-bottom: 1px;
	margin-right: 30px;
	padding-bottom: 1px;
	padding-left: 25px;
	background-repeat:no-repeat;
	text-decoration: none;
	color: #ffffff;
}

#twitter, #twitter a{
	display: block;
	background-image: url(images/twitter.png);
	margin-top: 15px;
	margin-bottom: 1px;
	margin-right: 30px;
	padding-bottom: 1px;
	padding-left: 25px;
	background-repeat:no-repeat;
	text-decoration: none;
	color: #ffffff;
}

/***** POST *****/

.post{
	margin-top:15px;
	overflow: hidden;
}

.post-date{
	float: left;
	text-align: center;
	margin: 0 10px 0 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #717171;
}

.post-date .day{
	font-size: 36px;
}

.post-date .month{
	text-transform: uppercase; 
	color: #13608A;
	font-size: 12px;
}

.post-date .year{
	font-size: 12px;
}

.post-title a{
	text-decoration: none;
	font-size: 20px;
	color: #000000;
}

.post-title, .post-text{
	margin: 10px 20px 10px 62px;
	padding-bottom: 10px;
}

.post-foot{
	margin: 10px 20px 10px 62px;
	background-image: url(images/degrade.gif);
	background-repeat:no-repeat;
	background-position: bottom center;
}

#content-part{
	padding-top: 15px;
	text-align: center;
}



/***** POST TITLE *****/

.post-cat{
	height: 60px;
}

.post-cat a{
	text-decoration: none;
	font-size: 17px;
	color: #000000;
	line-height: 62px;
	padding-left: 10px;
}

.post-cat img, .post-cat .post-categories{
	float: left;
}

.post-title .post-categories {
	height:62px;
	overflow:hidden;
}

.post-cat .post-categories {
	height:62px;
	overflow:hidden;
}

.post-comments .post-categories {
	height: 14px;
	overflow:hidden;
}

.post-cat img{
	padding-top: 3px;
}

#content .post-title a, #content .post-cat a {
	color: black;
}

/***** CONTACT PAGE *****/

#post-15 .post-title{	
padding:5px 0 10px 60px;
background-image: url(images/fish-orange.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#post-15 .post-title h1 {
	padding-top:7px;
	padding-left: 70px;
}

#post-5 .post-title{    
padding:15px 0 15px 90px; 
background-image: url(images/saphir-agence.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#post-5 .post-title h1 {
    padding-top:7px;
    padding-left: 70px;
}

.wpcf7-form {
	padding-bottom: 10px;
}
#post-15 .where {
background-image: url(images/degrade.gif);
	background-repeat:no-repeat;
	background-position: top center;
padding-top: 10px;
}
#post-15 .where-title{
	font-size: 12px;
}

/***** POST CATEGORIES *****/

.post-comments{
	height: 30px;
}

.post-comments .comment, .post-comments span{
	float:left;
}
.post-comments .actu-saphir, .post-comments .conferences, .post-comments .coups-de-coeur, .post-comments .etonnez-moi, .post-comments .interview, .post-comments .marketing-viral, .post-comments .strategie-de-locean-bleu, .post-comments .success-stories , .post-comments .parti-pris {
	padding-top: 7px;
	padding-left: 4px;
	font-weight: bolder;
}

.post-comments a {
	text-decoration: none;
}


.post-comments .actu-saphir a{
	color: #001568;
}

.post-comments .conferences a{
	color: #118742;
}

.post-comments .coups-de-coeur a{
	color: #001568;	
}


.post-comments a.etonnez-moi{
	color: #001669;
}

.post-comments .parti-pris a{
	color: #001669;
}

.post-comments .interview a{
	color: #6b368a;	
}

.post-comments .marketing-viral a{
	color: #ff6600;
}

.post-comments .strategie-de-locean-bleu a{
	color: #3374b5;
}

.post-comments .success-stories a{
	color: #e2001a;
}

.post-comments .etonnez-moi a {
	padding: 0 8px 0 4px;
	font-style:italic;
	color:black;
	background-color: #FFEA03;
	line-height: 1.4em;
}

/***** POST ERROR *****/

.post-error{
	text-align: center;
	padding-top: 30px;
}

.post-text{
	line-height: 1.5em;
	text-align: justify;
}


/***** POST COMMENTS *****/

#content #comments{
	margin-left: 62px;
	padding-top: 0;
}

#comments-title{
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
	color: #106093;
}

#comments-title a{
	text-decoration: none;
	color: #106093;
}

#commentform input{
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #bdd5ed;
	border: 1px solid #7F9DB9;
}

#comment-hea{
    background-color: #d0e1f2;
    padding:10px 10px 0 10px
}

#comment-text{
	padding: 10px;
	text-align: justify;
	background-color: #d0e1f2;
}
.one-comment{
    margin-bottom:10px;
    border-bottom:1px solid #e3dfdf;
    padding-bottom:10px;
}

#commentlist img{
	padding-right: 10px;
}

#commentlist a{
	color: #106093;
}

#content #comments textarea{
	width: 398px;
	background-color: #bdd5ed;
	border: 1px solid #7F9DB9;
}

#comments #submit{
	background-color: #001568;
	margin-bottom: 30px;
	padding: 3px 20px 3px 20px;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
}



/***** COLONNES *****/

/* La colonne de gauche n'est pas affich�e (sidebar1) */
#col-left {
	display: none;
}

#col-right {
	width: 192px;
	float: right;
}

#widgets-right{
	margin-top: 15px;
margin-bottom: 15px;
	margin-right: 20px;
	padding-bottom: 30px;
	padding-left: 10px;
	background-color: #001568;
}

#col-right .widget h2{
	font-size: 13px;
        font-weight: normal;
	font-family: Tahoma, Arial, Verdana, Sans serif;
}


/***** LOGIN *****/

.widget_meta {
	text-align: right;
	padding: 10px 10px 0 0 ;
}

#loginform label{
	color: #FFFFFF;
}

#loginform input{
	margin-top: 10px;
}

#loginform a {
	color:#BFDAEB;
}


/***** SEARCH *****/

.widget_search{
	margin-top: 25px;
	color: #FFFFFF;
}

.widget_search form{
	padding-top: 10px;
}

.widget_search h2{
	padding-left: 6px;
}

.widget_search .search_txt{
	width: 100px;
}


/***** CATEGORIES *****/

.widget_categories{
	background-color: #FFFFFF;
	margin: 30px 10px 0 0;
}

.widget_categories h2{
	background-color: #B2B8D2;
	line-height: 30px;
	color: #000000;
	text-align: center;
}

.widget_categories a{
	text-decoration: none;
}

.widget_categories ul{
	margin: 10px 10px 10px 22px;
	padding-bottom: 10px;
}

.widget_categories ul ul{
	margin: 4px 0px;
}

.widget_categories li{
	margin-bottom: 6px;	
}

.widget_categories li.super{
	margin-top:15px;
	margin-bottom: 6px;	
}

.widget_categories ul ul li{
	list-style-image: url(images/list.png); 
	margin-left: 10px;
	margin-bottom: 0; 
}

.widget_categories ul ul li a{
	font-size: 100%;
	font-weight: normal;
	color: #000000;
}

.widget_categories li.super {
	background: url(images/puce.gif) no-repeat left 7px;
    list-style: none;
    padding-left:15px;
    margin-left:-15px;
}

.widget_categories a {
	font-weight: bold;
	font-size: 15px;
}

.widget_categories a.actu-saphir {
	color: #001568;
}

.widget_categories a.conferences {
	color: #118742;
}

.widget_categories a.parti-pris {
	color: black;
}

.widget_categories a.coups-de-coeur{
	color: #001568;	
}

.widget_categories a.etonnez-moi{
	color: #001669;
}

.widget_categories a.interview {
	color: #6b368a;	
}

.widget_categories a.marketing-viral {
	color: #ff6600;
}

.widget_categories a.strategie-de-locean-bleu{
	color: #3374B5;
}

.widget_categories a.success-stories{
	color: #e2001a;
}



/***** FOOTER *****/


#footer-container {
	background-image:url(images/footer.jpg);
	height:29px;
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#abcdc6;
}

#footer a {
	color:black;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer {
	line-height:29px;
	padding-left:10px;
	position:relative;
}

#footer li {
	display:inline;
	padding:4px;
	font-weight:bold;
}

#footer #footer-website {
	display:block;
	position:absolute;
	right:0;
	top:0;
	height:29px;
	width:320px;
}

#footer #footer-website span {
	display:none;
}




#content h1 {
	padding-top:17px;
	line-height:1.7em;
	font-weight:normal;
	padding-left:33px;
}

#login_error {
	margin-left:20px;
	line-height:1.6em;
}

#registerform {
	border:none;
	background:none;
	padding:0;
}

#registerform .step {
	margin-top:10px;
	margin-bottom:20px;
}

#registerform .step .number {
	float:left;
	padding-top:22px;
	width: 40px;
	color:#14618F;
	font-weight:bold;
	font-size:25px;
	text-align:right;
}

#registerform .step .title {
	line-height:1.4em;
	font-weight:bold;
	font-size:15px;
}

#registerform .step .content {
	background-color: #BFDAEB;
	border: 1px solid #C3C6CD;
	padding:5px;
	margin-left:43px;
}

#registerform .end {
	padding: 10px 0px 10px 39px;
}


#registerform .row  {
	padding: 3px;
}

#registerform .row label {
	display:block;
	float:left;
	width:95px;
	font-size:0.9em;
	padding-top:5px;
}

#registerform .row input, #registerform .row select  {
	width:95px;
}

#registerform .col-clear {
	clear:both;
	height:0;
}

#registerform .col-reg-1 {
	width:210px;
	float:left;
	border-right: 1px solid #ffffff;
}

#registerform .col-reg-1-no-sep {
	width:210px;
	float:left;
}

#registerform .col-reg-2 {
	width:210px;
	float:left;
}

.required {
	color:red;
}

.requiredsentence {
	padding:10px 35px;
	font-size:0.95em;
}

#registerform .submit {
	text-align:right;
}

#cycnav {
	text-align:center;
	padding-top:20px;
}

#cycnav li {
	display:inline;
	padding:0px 10px;
	
}

#cycnav a {
	color:#14618F;
}

#content .message {
	margin:20px;
	padding:10px;
}

.loginform-container {
	padding:20px 40px;
}

.loginform {
	border:1px solid #c1c6cd;
	background-color: #BFDAEB;
	padding:10px;
}

.loginform p {
	line-height:2.5em;
}

#lostpasswordform {
	margin-left:40px;
}

#lostpasswordform  label {
	width:200px;
}

a.bleu-ciel {
	display:block;
	text-align:center;
	padding:4px 10px;
	color:#BFDAEB;
}

#content .post-title h1 {
	padding-left:0;
	line-height:1em;
}

#comments-title { 
	padding-top:20px;
}


.contentlogin {
	padding-left:43px;
	padding-top:10px;
	padding-bottom:10px;
}

.contentlogin p {
	padding-bottom:10px;
	line-height:1.3em;
}

.contentlogin ul {
	padding-left:30px;
	list-style-type:square;
}

.contentlogin li {
	padding-bottom:10px;
	list-style-type:square;
}

.post-text p , .post-text object, .post-text div.wp-caption
{
	padding:10px 0;
	display:block;
}

.wp-caption-text p {
	padding-bottom:0;
}

.alignleft {
	float:left;
}

img.alignleft {
	margin-right:20px;
	margin-bottom:10px;
}

img.alignright {
	margin-left:20px;
	margin-bottom:10px;
}

.alignright {
	float:right;
}

.wp-caption {
	margin: 0 auto;
}

.aligncenter {
	text-align:center;
}

img.aligncenter {
	text-align:center;
	margin:0 auto;
	display:block;
}