/*  
Theme Name: DEPLY
Theme URI: http://www.creativedandy.com/
Description: Des Etoiles Plein Les Yeux Theme
Version: 1.0
Author: Dandy & Co
Author URI: http://www.creativedandy.com
*/

/* Include Reset File */
@import url("reset.css");

.clearfix:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html.clearfix{height:1%}
.clear {clear: both;}
	
	
	
	body {
		background: #D3D6CB;
		font-family: Arial,sans-serif; 
		font-size:16px;
		color:#000;
		position:relative;
	}
	
	#container{width: 960px; margin:0px auto; padding:0 15px; background:#FFF;}
	
	a:link,a:visited,a:active {color:#5e5e5e;text-decoration:none;}
	a:hover {color:#000;}
	strong { font-weight:bold;}
	
	p img {padding: 0;max-width: 100%;}
	img.centered,img.aligncenter {display: block;margin:0 auto;overflow:hidden;padding: 4px;}
	img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;}
	img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;}
	.alignright {float: right;}
	.alignleft {float: left}
	.center {text-align: center;}
	.hidden {display: none;}
	.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
	
	#header {margin-bottom:14px;}
		
	em{font-style:italic;}
		
	#page{width:100%; padding-bottom:40px;}
	
	ul#nav {list-style: none;list-style-type:none;padding:20px 0;}
	ul#nav li {float: left;font-size: 14px;text-transform: uppercase;
	border-left:1px solid #C4C4C4;display:block;padding:0 48px;}
	ul#nav li.page-item-2, ul#nav li.page-item-34{border:none;}
#nav li a {color: #5e5e5e;text-decoration: none; font-weight:bold;}
#nav li:hover a {color: #000;}
#nav li.current_page_item a:link, #nav li.current_page_item a:active, #nav li.current_page_item a:visited{
	color:#000;
}
			
			
		#page #content_home {
				width:455px;
				float:left;
				margin-right:50px
			}
			
			
			.sidebar {width:455px;float:right;}
				
					.sidebar .widget ul li {
							padding:0 0 10px 0;
						}
						.sidebar a{font-weight:bold;}  
						
						li.post-item p{margin:0;}
						.metadate{font-weight:bold;color:#5e5e5e;}
			
			
				p{margin-bottom:8px;line-height:20px;}
				  h1,h2,h3,h4 {
					color:#000;
					font-family : 'Arial Black','serif';
					
				}
				 h1 {
					font-size:30px;
					text-transform:uppercase;
					color:#8d016e;
					margin:15px 0;
				}
				h2 { 
					font-family : 'Arial Narrow','serif';
					font-size:29px;
					text-transform:uppercase;
					padding : 12px 0 12px 0;
					font-weight:bold;
				}
				h2.bleu{color:#0179AE;}
				.sidebar h2{color:#09B75E;}
				widget_categoryposts h2{color:#990000;}
						
				h2.vert{color:#09B75E;}
				h2.rouge,widget_tubepress h2{color:#D9272E;}
				h2.orange{color:#F6A057;}
				h2.violet{color:#8d016e;}
				
				h3 { 
					font-family : 'Arial','serif';
					font-weight:bold;
					margin:15px 0;
					
				}
				
				
				#main .container  ul { 
					margin:10px 0 10px 5px;
				}
					#main .container ul li{
						padding-bottom:5px;
						padding-left:20px;
					}
				.content ol {
					list-style: decimal;
					margin:10px 0 10px 50px;
				}
					#main .container ol li {
						padding-bottom:5px;
					}
				
				.content a {
					text-decoration:none;
				}
				.content form {
					margin:20px 40px;
				}
					.content form label {
						display:block;
						margin-bottom:5px;
					}
					.content form input,.content form textarea,.content form select {
						background-color:#fff;
						border:1px solid #000;
						padding:5px;
						color:#000
					}
					
				
				.contentblog{width:100%;}
				.content .blogpost {margin-bottom:30px;}
				.content .blogpost h3 {margin:5px 0;padding: 0;color:#5e5e5e;}
					
				.content .blogpost h3 a{text-transform:uppercase;}
						
						.content .blogpost .meta {
							font-size:12px;
							color:#5e5e5e;
						}
						
						.content .blogpost .meta a {
							color:#5e5e5e;
						}
						
						.content .blogpost .meta a:hover {
							color:#000;
						}
						.content .blogpost .entry {
							clear:both;
							overflow:hidden;
							margin-top:15px;
						}
						
						.content .blogpost .entry img {
							padding:10px 0;
						}
				
						a.more-link{text-decoration:underline;}

				.content #comments {
					font-size:20px;
					margin:0;
				}
				
				.content ol.commentlist {
					margin:20px 0 0;
					clear:both;
					overflow:hidden;
					list-style:none;
				}
					.content ol.commentlist li {
						margin-bottom:15px;
						
					}
						.content ol.commentlist li .comment-author {
						}
							.content ol.commentlist li .comment-author .fn {
								color:#5e5e5e;
								text-transform : uppercase;
								font-weight:bold;
							}
							
						.content ol.commentlist li .comment-meta{
							font-size:11px;
							color:#5e5e5e;
						}
							
						.content ol.commentlist li p {
							margin-top:5px;
							color:#303030;
							
						}
						
							
				.content #comment-form {
					margin-top:20px;
				}
					.content #comment-form #respond {
					
					}
						.content #comment-form #respond h3 {
							font-size:24px;
						}
						.content #comment-form #respond #commentform {
							margin:0;
						}
							.content #comment-form #respond #commentform label{
								margin-left:10px;
								display:inline;
							}
								.content #comment-form #respond #commentform label small {
									font-size:13px;
									
								}
							.content #comment-form #respond #commentform textarea,.content #comment-form #respond #commentform input {
								margin-bottom:10px;
								padding:5px; 
								margin:0 10px 10px 0;
								background:#fff;
								border:1px solid #000;
								color:#000;
								
							}
							.content #comment-form #respond #commentform input{
								width:300px;
							}
							.content #comment-form #respond #commentform textarea{
								width:560px;
							}
							.content #comment-form #respond #commentform input#commentSubmit {
								width:150px;
								padding:5px;
								background:#fff;
								border:1px solid #000;
								color:#000;
								font-weight:bold;
								cursor:pointer;
							}
				
				
							.content #equipeleft{float:left; width:455px;}
							.content #equiperight{float:right;width:455px;}
			
							.content #sponsors li{float:left;width:480px; text-align:center;height:220px;}
							
							#content_home #panneau {
								background: url(images/panneau.gif) no-repeat;
								width:455px;height:84px;
								text-transform:uppercase;font-weight:bold; 
								text-align:center;padding-top:44px;font-size:30px;
								margin-bottom:4px;}
			
			
						
					
	
	#footer{ height:50px; margin:0 auto;font-size:12px;color:#5e5e5E;position:relative;border-top:2px solid #C4C4C4;padding-top:20px;}
			#footer #links {position:absolute;left:260px; text-transform:uppercase;}
				#links li{float:left;margin-right:40px;}
				#links li a{text-decoration:underline;}
				
		
		
/* WP-PageNavi Styles */		
.wp-pagenavi {
	clear:both;
	font-size:14px;
	padding:20px 10px 0;
	text-align:right;
	text-transform:uppercase;
}
	.wp-pagenavi a, .wp-pagenavi a:link {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		color: #5e5e5e;
		border : 1px solid #5e5e5e;
	}
	.wp-pagenavi a:visited {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		color: #5e5e5e;
	}
	.wp-pagenavi a:hover {	
		color: #000;
		border : 1px solid #000;
	}
	.wp-pagenavi a:active {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		color: #000;
	}
	.wp-pagenavi span.pages {
		color: #5e5e5e;
		float:left;
	}
	.wp-pagenavi span.current {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		font-weight: bold;
		color: #000;
		border : 1px solid #000;
	}
	.wp-pagenavi span.extend {
		padding: 2px 4px 2px 4px; 
		margin: 2px;	
		color: #5e5e5e;
	}