/*  
Theme Name: L'autre Media
Theme URI: http://www.lautremedia.com/
Description: 
Version: 1.0
Author: Adrien BECUWE (Wokine)
Author URI: http://www.wokine.com/
*/

/* Reset */
* {
margin: 0;
padding: 0;
}

/* General */
body {
font-family:  "Trebuchet Ms", sans-serif;
font-size: 12px;
color: #3b3b3b;
background: #3c3c3c url(images/bg.png) top center no-repeat;
width:100%;
}
.clear {
clear:both;
}
p {
margin: 0 0 0px 0; 
line-height: 16px;
font-family:  "Trebuchet Ms", sans-serif;
}
.customer p {
margin: 0 0 0px 0; 
padding-top: 6px;
padding-bottom: 6px;
line-height: 22px;
font-size: 13px;
font-family:  "Trebuchet Ms", sans-serif;
}
.post p {
margin: 0 0 0px 0; 
padding-top: 6px;
padding-bottom: 6px;
line-height: 22px;
font-size: 13px;
font-family:  "Trebuchet Ms", sans-serif;
}

/* Mise en forme des titres */
h1, h2, h3, h4, h5, h6 {
font-family:  "Trebuchet Ms", sans-serif;
color: #458480;
}
h2{
	
	padding-bottom: 10px 0;
}


/* Mise en forme des liens */
a img, img a {
border:0;
}
a {
outline: none;
}
a:link, a:visited{
color: #479a9a;

}
a:hover {
color: #e9e9e9;
text-decoration: underline;
}

blockquote {
margin: 1.5em 0 1.5em 1.5em;
color: #666;
overflow: auto;
font-style: italic;
}
blockquote p {
margin:0;
}
strong {
font-weight:700;
}
em {
font-style:italic;
}
pre {
font-size: 1.2em;
font-family: monospace;
border: 1px solid #E0E0E0;
padding: 1em;
margin: 0 auto;
background: #EEE;
color: #000;
width: 90%;
overflow: auto;
}
code {
font: 0.9em Monaco, monospace;
}
label {
cursor: pointer;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

/* Structure */
#wrap {
	background:#fff;
	width:904px;
	margin:40px auto 40px auto;
	padding: 0 0 0 0;
	position:relative;
}


#form_connect{
	position: absolute;
	float: left;
	background: #e6e6e6;
	left: 0px;
	top:-162px;
	color: #787878;
	width:100%;
	z-index:1;
}

*+html #form_connect{
	top:-177px;
}
#form_connect .wrap_slide{
	margin: 0 auto;
	position: relative;
	padding: 10px 0px;
	width: 905px;
	height: 142px;
	
}

*+html #form_connect .wrap_slide{
	padding: 15px 0px;
}
*+html #form_connect  h3{
	font-size: 20px;
	font-weight: normal;
	padding-top: 10px;
}

#form_connect  h3{
 color: #404040;
 font-size: 20px;
 font-weight: normal;
}
.left_slide{
	float: left;
	width: 500px;
	padding-top: 30px;
	color: #787878;
	font-size: 12px;
	line-height: 16px;
}
.right_slide{
	float: left;
	width: 387px;
	position: absolute;
	top:0px;
	right: 0px;
}

#twitter {
	position: absolute;
	float: left;
	top:0px;
	left:-184px;
	width: 183px;
	height: 136px;
	color: #b1b1b1;
	background: transparent url(images/bg_twitter.png) no-repeat top center;
}
#twitter h3 {
	padding-top: 5px;
}
#twitter h3 a{
	background: url(images/h3_twitter.png) 69px top  no-repeat;
	width: 100%;
	height: 15px;
	display: block;
}
#twitter h3 a span{
	display: none;
}
#twitter p.tweet{
	line-height: 16px;
	padding: 0px 24px 6px 8px;
	font-size: 10px;
}

/* Header */
#header {
	position:relative;
	background: transparent url(images/bg_header.png) no-repeat top center;
	width: 904px;
	height: 127px;
}
#logo{
	float: left;
	position: relative;
	margin-left: 44px;
}

#header h2 {
	padding: 24px 24px 23px 8px;
	float: left;
}
#header h2 a {
	display:block;
	background: transparent;
	height: 78px;
	width: 229px;
	
	float: left;
}

#header h2 a span{
	display: none;
}
#header .description {
	display:none;	
}

/* Nav */
#nav {
	margin-top: 60px;
	margin-right: 26px;
	float: right;
	position:relative;
}
#nav ul {
list-style: none;
}
#nav ul li {
display: block;
float: left;
}
#nav ul li a {
color:#fff;
display: block;
float: left;
text-decoration: none;
text-transform: uppercase;
padding: 5px 10px;

font-size: 13px ;
line-height: 14px;;
}
#nav ul li.current_page_item a, #nav ul li a:hover {	
	color: #42aaa8;
}
#nav ul li.current_page_item.menu-item-home a{	
	color: #fff;
}
#nav ul li.current_page_item.menu-item-home a:hover{
	color: #42aaa8;
}

body.single #nav ul li#menu-item-990 a{
	color:#42aaa8;
}
body.category #nav ul li#menu-item-990 a{
	color:#42aaa8;
}

.block{
	padding: 20px 20px 20px 25px;
}


#welcome p{
	line-height: 16px;
	font-size: 12px;
}
#welcome{
	background: transparent url(images/bg_welcome.png) no-repeat top center;
	color: #959594;
	width: 834px;
	height: 250px;
	padding-left: 50px;
}

#welcome h1{
	padding-top: 20px;
	font-family: Helvetica ,sans-serif;
	font-size: 23px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}
#welcome h2{
	font-family: Helvetica ,sans-serif;
	font-size: 17.5px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}
#welcome h1 span.second{
	font-size: 29px;
	color: #5eb5b5;
	text-transform: uppercase;
}

#movie{
	position: absolute;
	top:-55px;
	left: 23px;
}

*+html #movie{
	top:-63px;
}

#quisommesnous{
	
	width: 859px;
	float: left;
	position: relative;
	background: #e5e5e5;
	font-size:13px;
	line-height: 19px;
}

#quisommesnous .entry{
	padding: 0 22px;
	margin-top: -10px;
	float: left;
}

#quisommesnous table{
	float: left;
}
#quisommesnous table td{
	 
}
#quisommesnous ul {
	margin-left: 5px;
	margin-top: 8px;
}
#quisommesnous ul li {
	list-style: none;
	padding-bottom: 3px;
	background: transparent url(images/li.png) no-repeat ;
	padding-left: 30px;
}

#blog{
	height: 310px;
	width: 859px;
	float: left;
	background: #e3e3e3 url(images/bg_blog.png) no-repeat top center;
}

#blog .list_post{
	float:left;
	margin-left: 10px;
	width:100%;
	
}
#nosclients .entry{
	margin-left: 20px;
	padding-bottom: 10px;
}
#nosclients table{
	margin-left: 20px;
}
#nosclients table tr td{
	float: left;
	position: relative;
	display: block;
}
#nosclients table tr td a{
	display: block;
	float: left;
	margin: 0 5px 0 0;
}
#nosclients table tr td img{
	display: block;
	float: left;
	border: red;
}



#nosclients{
	height: 147px;
	width: 859px;
	float: left;
	position: relative;
	background: #e3e3e3 url(images/bg_customer.png) no-repeat top center;
}
/* Content */
#content {
clear:both;
position:relative;
}
a.more{
	text-decoration: none;
	color: #479a9a;
}
a.more:hover{
	text-decoration: underline;
}

/* Left */
#welcome #left {
position:relative;
float:left;
width:375px;
padding-right: 25px;
}
#left {
position:relative;
float:left;
width:229px;
}

body.error404 #right{
	min-height: 1530px;
}
body.archive #right{
	min-height: 1530px;
}
body.page #right{
	min-height: 1530px;
}
body.single-customer #right{
	min-height: 1530px;
}


#welcome #right {
position:relative;
float:left;
background: transparent;
width:390px;
}
#right {
position:relative;
float:left;
width:675px;
padding: 10px 0px 0px 0px;
background: #eeeeee;
}
#right .post{
padding: 10px 20px 20px 40px;
float: left;
width: 610px;
}



.comments-template{
	float: left;
}

#sidebar{
	float: left;
	padding-bottom: 10px;
	width: 100%;
}
#sidebar h4{
	color: #222222;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 25px 5px 36px;
}

/*
#sidebar{
	float: left;
	padding-bottom: 10px;
	width: 100%;
}
#sidebar h4{
	color: #222222;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 25px 5px 36px;
}#sidebar ul li{
	margin-top: 10px;
}
#sidebar ul li a{
			color: #222222;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 0px 5px 36px;
	text-decoration: none;
}
#sidebar ul.border{
	border-top:1px dashed #E0E0E0;
}
#sidebar ul.children{
	
}
#sidebar ul.children li{
margin-top: 0px;
	color: #adadad;
	list-style: none;
	position: relative;
	padding: 5px 14px 5px 37px;
	font-size: 10px;
	border-bottom: 1px dashed #e0e0e0;
}
#sidebar ul.children li.current-cat{
	background: transparent url(images/selected_arrow.gif) no-repeat left 1px ;
}
#sidebar ul.children li.current-cat a{
	font-weight: bold;
}
#sidebar ul.children li a:hover{
		text-decoration: underline;
}
#sidebar ul.children li a{
	color: #42aaa8;
	font-size: 14px;
	line-height: 20px;
	padding-left: 0px;
	text-decoration: none;
	text-align: none;
}
*/

#sidebar ul.border{
	border-top:1px dashed #E0E0E0;
}
#sidebar ul li{
	color: #adadad;
	list-style: none;
	position: relative;
	padding: 5px 4px 5px 36px;
	font-size: 10px;
	border-bottom: 1px dashed #e0e0e0;
}


#sidebar ul li.current-cat{
	background: transparent url(images/selected_arrow.gif) no-repeat left 1px ;
}
#sidebar ul li.current-cat a{
	font-weight: bold;
}
#sidebar ul li a:hover{
		text-decoration: underline;
}
#sidebar ul li a{
	color: #42aaa8;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	text-align: none;
}
/* Footer */
#footer {
clear:both;
position:relative;
height: 240px;
width: 904px;
color: #7c7c7c;
}
#footer p {
margin:5px 0;
line-height: 17px;
font-size: 11px;
text-align: left;
}
#footer h3{
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}
#link ul li a.icon_facebook{
	background:  url(images/social/icon_facebook.png) no-repeat;
	width: 100px;
	height: 28px ;
	display: block;
	float: left;
}
#link ul li a.icon_facebook:hover{
	background:  url(images/social/facebook_color.png) no-repeat;
	width: 100px;
	height: 28px ;
	display: block;
	float: left;
}
#link ul li a.icon_twitter{
	background:  url(images/social/icon_twitter.png) no-repeat;
	width: 100px;
	height:28px ;
		display: block;
	float: left;
}
#link ul li a.icon_twitter:hover{
	background:  url(images/social/twitter_color.png) no-repeat;
	width: 100px;
	height:28px ;
		display: block;
	float: left;
}
#link ul li a.icon_viadeo{
	background:  url(images/social/icon_viadeo.png) no-repeat;
	width: 100px;
	height:28px ;
		display: block;
	float: left;
}
#link ul li a.icon_viadeo:hover{
	background:  url(images/social/viadeo_color.png) no-repeat;
	width: 100px;
	height:28px ;
		display: block;
	float: left;
}
#link ul li a.icon_linkedin{
	background:  url(images/social/icon_linkedin.png) no-repeat;
	width: 100px;
	height: 28px;
		display: block;
	float: left;
}
#link ul li {
	list-style: none;
	display: block;
	padding: 5px 0;
	float: left;
}
#link ul li a span{
	display: none;
}

#info{
width: 175px;
float: left;
background: #252525;
height: 192px;
padding-top: 28px;
padding-left: 34px;
}
#info a.email:hover{
	text-decoration: underline;
}
#info a.email{
	color: #fff;
	text-decoration: none;
}
#link{
width: 111px;
padding-top: 28px;
float: left;
background: #1f1f1f;
height: 192px;
}
#contact{
padding-top: 28px;
width: 474px;
float: left;
background: #181818;
height: 192px;
}

#nav-below.navigation{
	padding: 15px 10px 15px 40px;
}
.navigation{
	padding: 11px 0 0  40px;
	float: left;
	width:583px
}
.navigation a {
	color: #535353;
	font-style: italic;
	font-size: 13px;
	text-decoration: none;
}

.navigation a:hover{
	text-decoration: underline;
}

.navigation .nav-previous{
	float: left;
}
.navigation .nav-next{
	float: right;
}
h2.title_blue{
	background:url(images/h3/blue/left_blue.png)  transparent no-repeat top left ;
	height: 41px;
	display: block;
	margin-left: -39px;
	padding: 0 0 10px 62px;
	color: #FFF;
	float: left;
	font-size: 22px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	
}
h2.title_blue span.content{
	background: url(images/h3/blue/h3_bg.png) repeat-x transparent top center ;
	padding: 8px 15px 8px 0px;
	height: 30px;
	float: left;
}
#left h2.title_grey{
	margin-left: -16px;
}
h2.title_grey{
 	background: url(images/h3/grey/left_grey_h3.png) transparent no-repeat top left ;
 	height: 41px;
	display: block;
	margin-left: -39px;
	padding: 0 0 10px 62px;
	color: #FFF;
	font-size: 22px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
h2.title_grey span.content{
	 background: url(images/h3/grey/bg_h3_grey.png) repeat-x transparent top center ;
	 padding: 7px 15px 7px 0px;
	 height: 29px;
	 margin-top: 0px;
	 float: left;
}


h2.title_black{
	background: url(images/h3/black/left_black_h3.png) transparent no-repeat top left ;
	height: 41px;
	display: block;
	margin-left: -39px;
	padding: 0px 0px 0px 61px;
	color: #FFF;
	font-size: 15px;
	line-height: 24px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	
}
h2.title_black span.content{
	background:  url(images/h3/black/bg_black_h3.png) repeat-x transparent top center ;
	padding: 5px 15px 5px 0px;
	height: 30px;
	float: left;
}

*+html h2.title_black span.content{
	padding: 0px 15px 0px 0px;
}

.customer .categories{
	float: left;
	margin: 5px 0;
	font-size: 10px;
	color: #b2b2b2;
	border: #b2b2b2 solid 1px;
	position: relative;
	line-height:12px;
	text-transform: uppercase;
}


.post .categories{
	float: left;
	margin: 5px 0;
	font-size: 10px;
	color: #b2b2b2;
	border: #b2b2b2 solid 1px;
	position: relative;
	line-height:12px;
	text-transform: uppercase;
}

.post .tags{
	padding-left: 3px;
	float: left;
	margin: 5px 0;
	
	position: relative;
	line-height:16px;
	
}

.post .tags a:hover{
	text-decoration: underline;
}
.post .tags a{
	color: #b2b2b2;
	text-decoration: none;
	position: relative;
}

.post .categories a:hover{
	text-decoration: underline;
}
.post .categories a{
	color: #b2b2b2;
	padding: 0 5px;
	text-decoration: none;
	position: relative;
}

/* Posts */

.post{
	padding: 10px 25px 20px 35px;
	float: left;
	min-height: 110px;
	position: relative;
	border-bottom: 1px dashed #cbcbcb;
}

body.single .post{
	border: none;
}

.customer .date_comment{
position: absolute;
top:15px;
right: -50px;
width: 76px;
color: #fff;
}


.post .date_comment{
position: absolute;
top:15px;
right: -50px;
width: 76px;
color: #fff;
}

.customer .date_comment .date{
	background: #42aaa8;
	float: left;
	width: 	76.5px;
	width: 	75.5px \9;
	padding: 10px 0;
	text-align: center;

}

.post .date_comment .date{
	background: #42aaa8;
	float: left;
	width: 	76.5px;
	width: 	75.5px \9;
	padding: 10px 0;
	text-align: center;

}

.customer.date_comment .date .day{
	float: left;
	font-size: 32px;
	width: 	76.5px;
	width: 	75.5px \9;
	line-height: 15px;
}

.post .date_comment .date .day{
	float: left;
	font-size: 32px;
	width: 	76.5px;
	width: 	75.5px \9;
	line-height: 15px;
}

.customer .date_comment .date .month{
	float: left;
	font-size: 13px;
	line-height: 15px;
		width: 	76.5px;
	width: 	75.5px \9;
	font-weight: bold;
}
.post .date_comment .date .month{
	float: left;
	font-size: 13px;
	line-height: 15px;
		width: 	76.5px;
	width: 	75.5px \9;
	font-weight: bold;
}
.customer .date_comment .date .years{
	float: left;
	padding-top: 5px;
	font-size: 13px;
	line-height: 15px;
		width: 	76.5px;
	width: 	75.5px \9;
}

.customer .date_comment .date .years{
	float: left;
	padding-top: 5px;
	font-size: 13px;
	line-height: 15px;
		width: 	76.5px;
	width: 	75.5px \9;
}

.post .date_comment .date .years{
	float: left;
	padding-top: 5px;
	font-size: 13px;
	line-height: 15px;
		width: 	76.5px;
	width: 	75.5px \9;
}

.customer .date_comment .comment{
	width: 100%;
	height: 40px;
	background: transparent url(images/comment_post.png) no-repeat center top;;
	float: left;
	text-align: center;
}
.post .date_comment .comment{
	width: 100%;
	height: 40px;
	background: transparent url(images/comment_post.png) no-repeat center top;;
	float: left;
	text-align: center;
}

*+html .post .date_comment .comment a{
	padding-top: 4px;
}

.post .date_comment .comment a{
	text-decoration: none;
	color: #c9c9c9;
	padding-top: 7px;
	float: left;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
.post .date_comment .comment span.comments-link{
		text-decoration: none;
	color: #c9c9c9;
	padding-top: 7px;
	float: left;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
.post .date_comment .comment a:hover{
	text-decoration: none;
}
.post ul li{
	margin-left: 17px;
}
.customer ul li{
	list-style: square;
}

.post h1{
	color: #3b3b3b;
	font-size: 33px;
	line-height: 35px;
	font-weight: normal;
	margin-bottom: 10px;
	padding-right: 7px;
}

.post .entry-content{
	padding-right: 20px;
}


.post h2{
	font-size: 17px;
	line-height: 22px;
	color: #3b3b3b;
	margin: 5px 0;
}
.post img{
	border: 5px solid #d7d7d7;
}

h1.title_cat{
	font-size: 28px;
	line-height: 22px;
	color: #3b3b3b;
	margin: 5px 0;
	float: left;
	text-decoration: none;
	padding-bottom: 10px;
	padding-right: 14px;
	padding-left: 40px;
	border-bottom: 1px dashed #CBCBCB; 
	width: 621px;
	font-weight: normal;
}

.post h2.title{
	font-size: 16px;
	line-height: 22px;
	color: #3b3b3b;
	margin: 5px 0;
	float: left;
	text-decoration: none;
	padding-right: 14px;
	width: 100%;
}
.post h2.title a:hover{
	text-decoration: none;
}
.post h2.title a{
 	font-size: 33px;
 	padding: 5px 15px 5px 0px \9;
 	line-height: 33px \9;
 	padding-right: 15px;
 	font-weight: normal;
	color: #3b3b3b;
	float: left;
	display: block;
	float: left;
	text-decoration: none;
}
.post h2.title a{
	text-decoration: none;
}
.post .entry a:hover{
	text-decoration: underline;
}
.post a {
	color: #5ea5a5;
	text-decoration: none;
}
.post_blog a{
	color: #5ea5a5;
}
.post_blog a.more{
	text-transform: uppercase;
	background: transparent url(images/more.png) no-repeat 0px center;
	padding-left: 9px;
	color: #479a9a;
}

.post_blog{
	width: 190px;
	height: 238px;
	padding: 10px;

	float: left;
}
.post_blog:hover{
	background: #f2f2f2;
}

.post_blog:hover h3 a{
	color: #5ea5a5;
}
.post_blog  .entry {
color: #4f4e4e;
	font-size: 11px;
}
.post_blog h3{
	color: #2e2e2e;
	margin-bottom: 5px;
	font-weight: normal; 
}
.post_blog h3 a{
	color: #0f0f0f;
	font-size: 17px;
	text-decoration: none;
	list-style: none;
}
.post_blog .meta{
	background: #e4e4e4;
	float: left;
	padding: 2px 4px;
	text-align: center;
	margin-bottom: 5px;
	width: 95%;
	font-size: 11px;
}
.post_blog:hover .meta{
	background:#d1d1d1;
}
.meta .comment a{
	color: #b6b6b6;
	text-decoration: none;
}
.meta .date{
	color: #717171;
}
.post h2 {
font-weight:bold;
}
.post h2 a {
text-decoration: none;
}
.post h2 a:hover {
text-decoration: underline;
}
body.single .post .entry{
	margin-top: 30px;
}
.post .entry {
	margin-bottom: 5px;
	padding-right: 10px;
	
}
.post .entry img {}
.post .entry ul, .post .entry ol {
margin: 0 0 15px 25px;
}
.post .entry h1 {
margin: 0.5em 0;
font-size: 3em;
}
.post .entry h2 {
margin: 0.5em 0;
font-size: 17px;
}
.post .entry h3 {
margin: 0.3em 0;
font-size: 13px;
color: #3b3b3b;
font-weight: bold;
}
.post .entry h4 {
margin: 0.2em 0;
font-size: 13px;
font-weight: normal;
}
.post .entry h5 {
margin: 0.2em 0;
font-size: 1.2em;
font-weight: normal;
}
.post .entry h6 {
margin: 0.1em 0;
font-size: 1.1em;
font-weight: 700;
}

/* Cforms */
.linklove {
display: none;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 11px 0 10px 30px;
}
#respond{
	padding-bottom: 10px;
}
#respond h3{
	padding: 10px 40px 10px 40px;
	text-transform: uppercase;
	font-weight: normal;
}
h3#comments-title {
	padding: 60px 40px 10px 40px;
	font-size: 22px;
	line-height: 24px;
	color: #646464;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: normal;
}
#right .commentlist .post{
	padding: 0px 10px 0px 29px;
	min-height: inherit;	
	padding: none;
}
#commentform{
	padding: 10px 40px 20px 40px;
}
.commentlist {
	float: left;
	list-style: none;
	margin: 0 0 24px 0;
	
}

.comments-template a:hover{
	color: #479A9A;
	text-decoration: none;
}
.commentlist li.comment {

	line-height: 24px;
	margin: 0 0 5px 0;
	padding: 5px 40px 5px 40px;
	position: relative;
	float: left;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
	color: #dfdfdf;
}
.comment-body{
	color: #7f7f7f;
	font-size: 13px;
	line-height: 22px;
}
.comment-body p{
	color: #7f7f7f;
	font-size: 13px;
	line-height: 22px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {

	background: #e9e9e9;
	float: left;
	padding: 2px 10px;
	margin-bottom: 4px;
	color: #4d4d4d;
	font-size: 13px;
	line-height: 22Px;
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 4px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
	padding-left: 0px;
	
}
.commentlist .children li  .comment-author{
	background: #E9E9E9 url(images/reply.gif) 0 0 no-repeat;
	padding-left: 24px;
}

.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	width:635px;
	border: none;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



p.comment-notes{
	display: none;
}
p.form-allowed-tags{
	display: none;
}

#respond label{
	display: none;
	visibility: hidden;
	height: 0px;
	width: 0px;
	float: left;
}#respond .allerror{
	display: none;
	
}
#respond .allerror label{
	width: 300px;
	float: left;
	color: #828282;
	font-size: 12px;line-height: 17px;font-style: italic;
	font-family: 'Trebuchet MS',sans-serif;
	height: auto;
	visibility: visible;
}
#success_form{
	color: #828282;
	font-size: 12px;line-height: 17px;font-style: italic;
	font-family: 'Trebuchet MS',sans-serif;
}
div.container { display: none;color: #828282;
	font-size: 12px;line-height: 17px;font-style: italic;
	font-family: 'Trebuchet MS',sans-serif;
 }
p.comment-form-comment{
	float: left;
	width: 100%;
}
.textarea{
	background: transparent url(images/textarea.png) no-repeat;
	padding-bottom: 5px;
}
textarea.error{
	border: 1px solid #ff9f9f;
}
textarea{
	overflow:auto;
	font-family: "Trebuchet Ms",sans-serif;
	color: #707070;
	padding: 9px;
	font-size: 12px;
	font-weight: normal;
	background: transparent;
	border: none;
	width: 337px;
	height: 105px;
	resize: none;
	
}

#search-form{
	margin-left:36px;
	margin-bottom: 10px;
	float: left;
}

input#searchsubmit {
	background: #42aaa8;
	color: #fff;
	border: none;
	width: auto;
	height: auto;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
	border-color: transparent;
	font-size: 11px;
	line-height: 17px;
	padding: 5px 8px;
	cursor: pointer;
}
form#connect_wextranet label{
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #787878;
}
form#connect_wextranet input#connect_submit {
	background: #42aaa8;
	color: #fff;
	border: none;
	width: auto;
	height: auto;
	margin-right: 41px;
	float: right;
	border-color: transparent;
	font-size: 11px;
	line-height: 17px;
	padding: 6px 20px;
	cursor: pointer;
}

td#error_connect{
	color: #dc1010;
	padding-left: 10px;
}
input#submit {
	background: #42aaa8;
	color: #fff;
	border: none;
	width: auto;
	height: auto;
	margin-right: 10px;
	float: right;
	border-color: transparent;
	font-size: 11px;
	line-height: 17px;
	padding: 7px 20px;
	cursor: pointer;
}
body.logged-in input#submit{
	margin-right: 210px;
}
p.p_left label.error{
	display: none;
	visibility: hidden;
	height: 0px;
	width: 0px;
}

p.p_right label.error{
	display: none;
	height: 0px;
	width: 0px;
	visibility: hidden;
}
input.error{
	border: 1px solid #ff9f9f;
}

input#s{
	font-family: "Trebuchet Ms",sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 4px;
	width: 151px;
	margin: 2px 0;
	color: #707070;
	background: transparent no-repeat ;
	border:1px solid #e3e3e3;
}


input{
	font-family: "Trebuchet Ms",sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 9px;
	width: 176px;
	height: 17px;
	margin: 2px 0;
	color: #707070;
	background: transparent url(images/input.png) no-repeat ;
	border:1px solid transparent;
}

form#connect input{
	width: 179px;
	height: 17px;
	padding: 7px;
	background: transparent url(images/input_light.png) no-repeat ;
}


.comments-template{
	float: left;
	position: relative;
	width: auto;
	background: url(images/respond.png) #dfdfdf top center no-repeat;
	width: 675px;
}
#respond{
	background: #d2d2d2;
	border-top: 1px dashed #bababa;
	float:left;
	width:100%;
}

#respond h3{
	font-size: 22px;
	color: #646464; ;
	line-height: 24px ;
	font-weight: normal;
	margin-top: 7px;
}

#respond h3  small{
	font-size:smaller;
	
}
p.p_left input{
margin: 0 0 4.5px 0;
}

*+html p.p_left input{
margin: 0 0 3px 0;
}
p.p_left{
	width: 200px;
	margin-bottom: 4px;
	
}
p.p_right{
	width: 60%;
	float: right;
	margin-top:-135px;
	margin-right: 10px;
}

#footer p.p_footer{
	padding-top: 3px;
	padding-bottom: 50px;
	float: left;
	padding-left: 31px;
	text-align:left;
}

#footer p.p_footer a:hover{
	text-decoration: underline;
}
#footer p.p_footer a{
	color: #7C7C7C;
	text-decoration: none;
	
}

#sidebar .fan_box .page_stream {
	display: none;
}

#espace a{
	text-transform: uppercase;
	font-size: 10px;
	line-height: 17px;
	color: #424242;
	text-decoration: none;
	padding:  7px 0 7px 33px;
	float: left;
}


.list_client{
	margin-left: 20px;
}

#espace a:hover{
	text-decoration: underline;
}
#espace{
	float: right;
	position: absolute;
	top:162px;
	right: 0px;
	width: 141px;
	height: 42px;
	z-index: 1;
	background: transparent url(images/slide/acces_client.png) no-repeat;
}

*+html #espace{
	top:172px;
}


div.partager {
margin: 5px 30px 25px 41px;
padding: 10px 10px;
border: dotted 1px #c3c3c3;
float: left;
background: #eaeaea;
}

.share_item{
	float: left;
	padding: 5px 0 5px 10px;
	width: 180px;
		
}
.share_a{
	padding: 10px 0 10px 10px;
}
.share_item a:hover{
	text-decoration: none;
}
.share_border{
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
}

.share {
background: red;
border: none;
color: #3c3c3c;

}
.share:hover {
border:none;
background: transparent;
}



a.share_facebook{

	padding: 8px 0 9px 45px;
	float: left;
	color: #3c3c3c;
	background: transparent url(images/icon_facebook.png) top left no-repeat;
	
}
a.share_twitter{

float: left;
	padding: 8px 0 8px 45px;
	color: #3c3c3c;
	background: transparent url(images/icon_twitter.png) top left no-repeat;
}

#flashcontent{
	position: absolute;
	top:86px;
	float: left;
}

#cat_footer{
	margin-top: 20px;
	float: left;
	padding-left: 33px;
	padding-right: 40px;
	
}

#cat_footer h4{
	color: #888888;
	font-weight: bold;
	margin-bottom: 10px;
}

#cat_footer ul{
	display: block;
}

#cat_footer ul li {
	list-style: none;
	display: block;
}
#cat_footer ul li a{
	color: #7C7C7C;
	line-height: 20px;
	text-decoration: none;
}
#cat_footer .col1 ul{
	width: 240px;
	display: block;
}

#cat_footer .col1 ul li {
	list-style: none;
	width: 120px;
	float: left;
	display: block;
}



#cat_footer ul li a:hover{
	text-decoration: underline;
}
.col1{
	width: 250px;
	padding-right: 20px;
	height: 200px;
	float: left;
}
.col2{
	width: 210px;
	height: 200px;
	float: left;
}
.col3{
	width: 210px;
	height: 200px;
	float: left;
}