/*
Theme Name: okcowboy V6
*/

body {
font-size:14px;
}

/*----------------------------*/
/*-- DECLARATIONS GENERALES --*/
/*----------------------------*/

h3 {
font-size:1em;
}

ol li {list-style:none;}

.spacer_20{margin:20px 0;}
.spacer_80{padding-top:90px;}
/*----------------------------*/
/* -- HEADER -----------------*/
/*----------------------------*/
#wrapper_header{
	z-index:0;
	text-align:justify;
	position:relative;
	
}

#wrapper_single{
	text-align:justify;
	position: relative;
}

#banner_home{
	width:940px;
	margin:0 auto;
}

#banner_single{
	width:940px;
	margin:0 auto;
}

.tag{

	color:#FFF;margin-left:3px;
	padding-top:10px;
	position:absolute;
	left:844px;
	top:0px;
}

.tag h3 a {color:#fff;text-decoration:none;}

#last_post{
	margin-top: 10px;
	margin-left:20px;
	padding:20px;
	float:left;
	width:600px;
	position:relative;
	overflow:hidden;
	
}

.contentheader{

margin-left:20px;
margin-top:-600px;
margin-bottom:180px;
}

#last_post .transparency {
	opacity:0.2;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	background-color:#000000;
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:500px;
	
}

#last_post_meta{
	margin-top:180px;
	width:auto;
	margin-left:60px;
}
#last_post_title h2{
	font-size:2em;
	font-style:italic;
	
}

#last_post_title a {color:#FFF;background:#000;padding:2px 5px;text-decoration:none;}


#last_post_info{
	font-size: 1.1em;
	text-transform:uppercase;
	line-height: 1em;
	margin-top: 0.2em;
	font-family:lucida grande, arial; 
	color:#FFF;
	position:relative;
	
}

#last_post_thumb{
	float:left;
	z-index:1;
	position:relative;
	background: url(images/thumb_last_post_home.png) no-repeat top center;
	width:180px;
	height:180px;
	padding:15px;
}
#last_post_content{
	float:left;
	margin-left:20px;
	width:370px;
	z-index:1;
	position:relative;
	color:#fff;
	font-style:italic;
	font-size:1.25em;	
}
#last_post_more {float:right;margin-top:10px;width:auto;}

#menu_header{
	margin-top: 10px;
	padding:10px;
	margin-right:40px;
	position:relative;
	overflow:hidden;
	font-family:lucida grande, arial;
	font-size:1.3em;
width:200px;
margin-left:20px;
float:left;
}

#menu_header .transparency {
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	background-color:#eee;
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
	height:500px;
}

#menu_header_list{
	z-index:1;
	position:relative;
}

#menu_header_list a{
	color:#FFF;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
#menu_header_list a:hover{
	color:#666;
	text-decoration:none;
	
}


#menu_header_list ul li h3 a{
	border-bottom:solid 1px #FFF;
	padding:2px 0;
}


/*----------------------------*/
/* --PAGE ACCUEIL-------------*/
/*----------------------------*/

/*articles*/
#main{float:left;text-align:justify;margin-top:20px;}
.post_thumb{
	background: url(images/thumb_article_home.jpg) no-repeat top center;
	float: left;
	width: 150px;
	height: 150px;
	padding: 14px;
}

.post_title h2 a {
	color:#FFF;
	background:#000;
	padding:2px 2px;
	text-decoration:none;
	}

.post_meta{
	float: left;
	width:392px;
	margin-left:10px;
	margin-bottom: 30px;
	
}
.post_infos p{line-height:0.8em;margin:0.8em 0;}
.post_exerpt{margin-top:20px;}
.post_more {
	float:right;
}

.navigation {
	clear:both;
	margin: 10px 0;
}

.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#666; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}


/*----------------------------*/
/*---------- sidebar----------*/
/*----------------------------*/

#sidebar{
	background: url(images/background_sidebar_home.jpg) repeat-y top center;
	float: right;
	text-align:justify;
        width: 340px;
	padding-top:20px;
}

#background_top_sidebar_home{width:340px;height:9px;margin-left:0px;padding:0;background: url(images/background_top_sidebar_home.jpg) no-repeat top;float:right;margin-top:15px;}

#background_bottom_sidebar_home{width:340px;height:17px;margin-left:0px;padding:0;background: url(images/background_bottom_sidebar_home.jpg) no-repeat;float:right; }


.box{
	float: left;
	margin-left: 5px;
	margin-bottom: 10px;
}

.box h3 {margin-left:0px;}

.box_text {padding:5px 8px 5px 5px;color:#666666;}
.icone{
	float: left;
	padding-top: 5px;
}
.champ_texte{
	float: left;
	margin-left: 7px;
	width: 200px;
}
.bouton{
	color:#666;
	font-family:lucida grande, trebuchet, arial;
	vertical-align:middle;
	text-transform:uppercase;
	cursor: pointer;
	width: 87px;
	height: 27px;
	padding-bottom:10px;
	font-size:0.9em;
	border: none;
	background: url("images/button.jpg") no-repeat left top;
}

.bouton:hover {
	background: url("images/button.jpg") no-repeat left bottom;
}

#video_background{
	background: url(images/background_video_home.jpg) no-repeat top left;
	height: 280px;
	width: 330px;
	margin-left:0px;
	position: relative;
	float: left;
}

#video_player {
	margin: 15px 0 0 15px ;
	float: left;
}

#video_more{clear: both;margin-top: 5px;margin-right:20px;float:right;}

.accordion {
	float: left;
	margin-left: 5px;
}

.toggler{
	
	height:28px;
	margin-left: 0px;
	cursor:pointer;
}
.fond_toggler {
	background:url(images/accordeon_ferme_home.jpg) no-repeat top left;
	width: 320px;
}

h3.toggler {
	cursor: pointer;
	color: #000;
	padding:3px 0 0 10px;
	font-size: 1em;
	
}

.element ul {margin:0; padding:0 20px;}
.element ul li {border-bottom:1px dotted #999;list-style:none;}

.bottomMargin{
	background:url(images/accordeon_bottom_home.jpg) no-repeat top left; height:8px;


}
.arrow{
	margin-left:10px;}
	


	
/*----------------------------*/
/* -- ARTICLE SEUL -----------*/
/*----------------------------*/	

#single_post{
	float:left;
	text-align:justify;
	margin-top:20px;
}
#single_post img {float:left;}

.post_meta_single{
	float: left;
	width:500px;
	margin-left:10px;
	margin-bottom: 30px;
}
.post_permalink{
border:dotted 1px #999;
width:500px;
float:left;
padding:10px 0;
}

/*----------------------------*/
/* -- SIDEBAR SEULE-----------*/
/*----------------------------*/

#sidebar_single{
	background: url(images/background_sidebar_single.jpg) repeat-y top center;
	float: left;text-align:justify;margin-left:43px;
}

#background_top_sidebar_single{width:374px;height:11px;margin-left:44px;background: url(images/background_top_sidebar_single.jpg) no-repeat top;float:left;}
#background_bottom_sidebar_single{width:374px;height:13px;margin-left:44px;background: url(images/background_bottom_sidebar_single.jpg) no-repeat;float:left;}

.box_single{
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;
}

.box_text_single {padding:5px 10px 5px 4px;color:#666666;}

.champ_texte_single{
	float: left;
	margin-left: 10px;
	margin-right:5px;
	width: 220px;
}
.button_single{
	color:#666;
	font-family:lucida grande, trebuchet, arial;
	vertical-align:middle;
	text-transform:uppercase;
	cursor: pointer;
	width: 87px;
	height: 27px;
	padding-bottom:10px;
	font-size:0.9em;
	border: none;
	background: url("images/button.jpg") no-repeat left top;}

#video_background_single{
	background: url(images/background_video_single.jpg) no-repeat top left;
	height: 295px;
	width: 360px;
	margin-left:7px;
	position: relative;
	float: left;
}

#video_player_single {
	margin: 15px 0 0 15px ;
	float: left;
}

#video_more_single{clear: both;margin-top: 5px;margin-right:23px;float:right;}

.accordion_single {
	float: left;
	margin-left: 8px;
}



.fond_toggler_single {
	background:url(images/accordeon_ferme_single.jpg) no-repeat top left;
	width: 351px;
}

h3.toggler {
	cursor: pointer;
	color: #333;
	padding:5px 0 0 10px;
	font-size: 1.2em;
	
}

.element ul {margin:0; padding:0 20px;}
.element ul li {border-bottom:1px dotted #999;list-style:none;}
.element ul ul li a {text-decoration: none;}
.element ul li a {text-decoration: none;}

.bottomMargin{
	background:url(images/accordeon_bottom_home.jpg) no-repeat top left; height:8px;


}
.arrow{
	margin-left:10px;}


/*----------------------------*/
/* -- CATEGORY VIDEOS-----------*/
/*----------------------------*/



.post_meta_video{
	float: left;
	width:550px;
	margin-left:10px;
	margin-bottom: 30px;
	
}



/*----------------------------*/
/* -- COMMENTAIRES-----------*/
/*----------------------------*/
.wrapper_comment{float:left;}
.comment{background-color:#fff;margin-bottom:15px;border:solid 1px #f5F5F5;}
.comment_background{background-color:#f5f5f5;border:solid 2px #FFFFFF;margin:0;padding:5px 0 0 5px;}
ol li.comment_background.alt{background-color:#e4E4E4;margin-bottom:25px;padding:10px;}
.comment_meta{}
.cadre_avatar{float: left;background: url(images/cadre_avatar.jpg)  no-repeat;width:66px;height:65px;position:relative;}
.avatar{position:absolute;top:3px;left:4px;}
.cadre_avatar.alt{float: left;background: url(images/cadre_avatar_alt.jpg)  no-repeat;width:66px;height:65px;}
.auteur_meta{float:left;}
.comment_auteur{margin-left:5px;}
.comment_date{margin-left:5px;}
.comment_text{clear:both;padding-top:5px;padding-left:30px;padding-right:10px;}
#comment_login{}
#comment_login_classic{float:left;width:278px; margin-right:10px;}
#comment_login_facebook{float:left;width:180px;}				
#commentform{border:solid 1px #CCCCCC;padding:10px;width:478px;}
#comment_login p {margin:0;}
.labelform{width:80px;}
.inputform{width:180px,}

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


#wrapper_page{



}

#wrapper_footer{
	clear:both;
	float:left;
	width:100%;
	text-align:justify;
	padding:20px 0;
	border-top:solid 2px #999;
	background: #f5f5F5;
	color:#666;
}

#wrapper_footer a {color:#666;}

.footer_li  ul li {
clear:both;
border-bottom: dotted 1px #999;

}
.footer_li  li a {text-decoration:none;}

.footer_social{clear:both;margin-bottom:10px;float:left;}
.footer_social_image{float:left;}
.footer_social_texte{width:200px;margin-left:33px;}
.footer_social_texte a {text-decoration:none;}

#legal {
color:#B5B5B5;
font-size:0.9em;
font-family:arial;
line-height:1em;
padding-top:27px;
}
#footer_footer{float:left;}
/*----------------------------*/
/* -- FORMULAIRE DE CONTACT---*/
/*----------------------------*/


#contentForm {
  display: block;
  width: 440px;
  margin: 10px auto; 
  padding: 15px;
  border: 1px solid #F5F5F5;
  background-color: white;
	float:right;
}


label {
  display: block;
  float: left;
  clear: left;
  Width: 150px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(images/bouton_envoyer_home.jpg) no-repeat left top;
  width: 87px;
  height: 28px;
  margin-left: 150px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}