@charset "UTF-8";

/*
Theme Name: Surfvideofactory
Theme URI: http://www.surfvideofactory.fr
Description: Surfvideofactory's blog
Version: 1 (WP2.6.2)
Author: Charbonnier Franck
Author URI: http://www.surfvideofactory.fr
*/

/* CSS Document */

/* MAIN BODY STYLES */  
  
	*{  
		padding:0;  
		margin:0;  
	}  
	  
	body { 
		background-image: url(images/bg.jpg);  
		background-repeat: repeat-x;  
		background-color: #a4a4a4;  
		font-family: Verdana, Arial, "Century Gothic";  
		font-size: 12px;  
		color: #878787;  
	}
	
/* container */

	#container {  
		margin: auto;  
		width: 980px;  
	} 

/* header */ 
  
	#header {
		background-image: url(images/header.jpg);  
		float: left;  
		height: 149px;  
		width: 980px;  
	}

/* navigation */

	#navigation {  
		height: 44px;  
		float: left;  
		width: 980px;  
	}  
	  
	.colonne1 {
		width:480px;
		float:left;
	}
	
	.colonne2 {
		width:215px;
		float:left;
	}
	
	.colonne3 {
		width:285px;
		float:left;
	}
	
	.nav_links ul {  
		margin: 0px;  
		padding: 0px;  
	}  
	  
	.nav_links li {  
		list-style:none;  
		display:block;  
		float: left;  
	}  
	  
	.nav_links a {
		text-decoration: none;  
		color: #333333;  
		display: block;  
		height: 27px;  
		padding-right: 34px;  
		padding-left: 34px;  
		padding-top: 15px;  
	}  
	
	.nav_links a:hover {  
		color: #8dc5f1;  
	}
	  
	.withdiv {  
		background-image: url(images/nav_divider.jpg);  
		background-repeat: no-repeat;  
	}  
	
	.nav_links2 ul {  
		margin: 0px;  
		padding: 0px;  
	} 
	
	.nav_links2 li {  
		list-style:none;  
		display:block;  
		float: right;  
	}  
	  
	.nav_links2 a {
		text-decoration: none;  
		display: block;  
		padding-right: 2px;  
		padding-left: 2px;  
		padding-top: 10px;  
	}
			
	#search {  
		float: right;  
		padding-top: 10px;  
	}  
	  
	.search-field {
		width: 242px;  
		margin-right: 1px;  
		padding: 4px;  
		background-color: #c0c0c0;  
		border: 1px solid #8e8e8e;  
		color: #595959;  
	}  
	  
	.search-button {  
		background-color: #c0c0c0;  
		border: 1px solid #8e8e8e;  
		color: #595959;  
		padding: 2px;  
	}  

/* content */
  
	#content {  
		float: left;  
		width: 980px;  
		margin-top: 20px;  
		padding-bottom: 40px;  
	}  
	  
	#content-left {  
		float: left;  
		width: 660px;  
	} 
	
	#content p {  
		margin: 5px 0 10px;  
		padding: 0;  
	} 
	
	.post h1 {
	color: #333333;
	}
	
	.a-post {  
		background-color: #FFFFFF;  
		background-image: url(images/post_bg.jpg);  
		background-repeat: no-repeat;
		border: 1px solid #808081;  
		width: 660px;  
		padding: 10px;  
		float: left;  
		margin-bottom: 20px;  
	}  
	  
	.a-post h1{  
		color: #333333;  
		font-size: 24px;  
		font-weight: bold;  
		line-height: 34px;  
	}  
	  
	.a-post img{  
		border: 1px solid #333333;  
		padding: 3px;  
		float: left;  
	}  
	
	.post img{  
		border: 1px solid #333333;  
		padding: 3px;
		margin-right: 5px; 
		  
	}
	  
	.post-img {  
		float: left;
		height: 198px;  
		width: 234px;  
		margin-right: 10px;  
	}  
	  
	.post-title {  
		float: left;  
		width: 416px;  
		margin-bottom: 10px;  
	}  
	  
	.post-title p {  
		color: #FFFFFF;  
		background-color: #93c8f2;  
		float: left;  
	}
	
	.post-title h1 a {  
		color: #333333;  
		text-decoration: none;  
	}
	
	.post-title a {  
		color: #333333;  
		text-decoration: none;  
	}  
	  
	.post-desc {
		float: left;  
		width: 416px;  
		text-align: justify;  
		font-style: italic;  
		line-height: 16px;  
	} 
	
	.post-title a:hover {
		color: #333333;		  
	}  

/* side-bar */

	.side-bar {  
		background-color: #FFFFFF;  
		border: 1px solid #808081;  
		float: right;  
		width: 260px;  
		background-image: url(images/sidebar_bg.jpg);  
		background-repeat: no-repeat;  
		padding: 10px;  
	} 
	
	.pub1 {
		background-color: #ffffff;  
		border: 1px solid #808081;  
		float: right;  
		width: 260px;  
		background-image: url(images/bgxtremevideo.jpg);
		background-repeat:repeat-x;  
		padding: 10px; 
		width: 260px;
		margin-bottom: 5px;  
	}
	
	#xtremevevideo {
		float:left;
		width: 260px;
		height: 131px;    
	}
	  
	.side-bar-content {  
		width: 260px;  
		float: left;  
		margin-bottom: 20px;  
	}  
	
	#abonnement {
		margin-bottom: 10px;
		font-size: 12px;
		font-weight: bold;
	}
	
	#separation {
		margin-top: 14px;
		border-top: ridge 2px;
		}
	
	#rss img{
	float:left;
	margin-right:10px;
	border: none;
	margin-bottom: 5px;
			}
	
				
	#mail img{
	clear:left;
	float:left;
	margin-right:10px;
	border: none;
	margin-bottom: 5px;
			}
	
	#compteur {
	margin-bottom: 10px;
	}
	
	.surfvideofactory {
		margin-top: 7px;
		border-top: ridge 2px;
		border-bottom: ridge 2px;
	}
	
	#abonnement a:hover {
		color: #333333;		
	}
	  
	.side-bar-ads {  
		margin-left: 2px;  
		margin-bottom: 3px;
		  
	}  
	  
	.side-bar h1{  
		color: #333333;  
		font-size: 20px;  
		font-weight: bolder;  
		line-height: 24px;  
	}  
	  
	.side-bar p {  
		text-align: justify;  
		line-height: 16px;  
	}  
	  
	.side-bar li {
		line-height: 18px;  
		border-bottom-width: 1px;  
		border-bottom-style: solid;  
		border-bottom-color: #e1e1e1;  
		margin-left: 10px;  
		margin-top: 10px;  
		display: block;  
	}  
	
	.side-bar li a {
		color:#333333;
		text-decoration: none;
	}
	
	.side-bar li a:hover {
		color:#8dc5f1;
	}

/* footer */

	#footer {  
		background-image: url(images/footer_bg.jpg);  
		background-repeat: repeat-x;  
		clear: both;
		height: 147px;  
	}  
	  
	#footer-topbar {  
		height: 33px;  
		width: 900px;  
		margin: auto;  
	}  
	  
	#footer-topbar h1 {  
		color: #FFFFFF;  
		font-size: 20px;  
		font-weight: bold;  
		text-transform: uppercase;  
		font-style: italic;  
		padding-top: 3px;  
	}  
	  
	#footer-topbar span {  
		font-size: 12px;  
		font-style: normal;  
		font-weight: normal;  
		font-variant: normal;  
		color: #FFFFFF;  
	}  
	  
	#footer-content {  
		height: 113px;  
		width: 900px;  
		margin: auto;  
	}  
	  
	#footer-content p {  
		color: #FFFFFF;  
		padding-top: 45px;  
		text-align: center;  
	}  
	
	#footer-content a {
		color:#ffffff;
		text-decoration: none;
	}

/* comment-box */

	.comment-box {  
	border: 1px double #333333;
	margin-bottom: 10px;  
	padding: 5px;  
	float: left;  
	text-align: justify;  
	width: 565px;  
	}  
	  
	.comment-box p {  
	margin: 5px 0 10px;  
	padding: 0;  
	}
	
	.gravatar { 
	float: left;  
	margin: 5px;  
	}
	
	ul, ol {  
	list-style:none;  
	}
	
	#notfound {
	color: #333333;
	background-color: #FFFFFF;  
		background-image: url(images/post_bg.jpg);  
		background-repeat: no-repeat;  
		border: 1px solid #808081;  
		width: 580px;  
		padding: 10px;  
		float: left;  
		margin-bottom: 20px;
	}

	a {
	color: #333333;
	text-decoration: none;
	}

	a:hover {
	color: #93c8f2;
	}
	
	.vue {
	color: #93c8f2;
	}
	
	.bulle{  
    background: url(images/bulle.png) left top no-repeat;     
    float:right;    
    height:41px; 
    padding-top:4px; 
    text-align:center; 
    width:44px;
	}
	.bulle .compteur{
		font-family: Verdana, Arial, "Century Gothic"; 
		font-size:20px; 
		color:#333333;
	}
	
	.pub {
	margin-left: 55px;
	}
	
	
	
	p img {
padding: 0;
max-width: 100%;
}

img.centered {
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
}


/*Pagination*/
      div.pagination {
              text-align:center;
              padding: 7px;
              margin: 3px;
      }

      div.pagination a {
              padding: 2px 5px 2px 5px; 
              margin: 2px;
              border: 1px solid #000000;
             
              text-decoration: none; /* no underline */
              color: #000000;
      }
      div.pagination a:hover, div.pagination a:active {
              border: 1px solid #000000;
              background-color:#000000;
              color: #fff;
      }
      div.pagination span.current {
              padding: 2px 5px 2px 5px;
              margin: 2px; 
                      border: 1px solid #000000;
                     
                      font-weight: bold;
                      background-color: #000000;
                      color: #FFF;
              } 
      div.pagination span.disabled {
                      padding: 2px 5px 2px 5px;
                      margin: 2px;
                      border: 1px solid #EEE;
             
                      color: #DDD; 
              }


/*Archives*/
#archives {
margin-top: 5px;
height: 208px;
}

#archives img {
margin-right: 10px;
}


/*sticky footer*/

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 140px;}  /* must be same height as the footer */

#footer {position: relative;

margin-top: -140px; /* negative value of footer height */

height: 140px;

clear:both;}

/* CLEAR FIX*/

.clearfix:after {content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac */

* html .clearfix { height: 1%;}

.clearfix {display: block;}