/*
  Theme Name: WordPress Peylong
  Theme URI: http://wordpress.org/
  Description: Le thème du domaine Peylong
  Version: 1.0
  Author: R.PILLOT(IPGarde)
  Author URI: http://www.ipgarde.com
  Tags:
*/

* 
{
	margin:0;
	padding:0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
}

.noborder {border:1px solid red;}

body {
	background: #5E5E5E url('images/bg-page.jpg') no-repeat bottom center;
	background-attachment:fixed;
}

/* 
	Structure 
*/

#page-center {
	padding-top:0px;
	width: 900px;
	margin: 0 auto;
}

#header{
	background-color:#000;
	text-align:center;
	height:130px;
}

/* Gestion logo */

h1#titre {
	height: 130px;
	overflow: hidden;
	position: relative;
	width: 900px;
}

h1#titre span {
	background: url('images/logo-domaine-peylong.png') no-repeat top center;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#main-content{
	/*background: #000 url(images/bg-main-content.jpg) bottom right no-repeat;*/
	background-color:#000;
	color:#9C9C9D;
	padding:15px;
}


#left{
	float:left;
	width:235px;
}

#left-home {
	float:left;
	width:610px;
	height:380px;
}



#right{
	float:right;
	width:590px;
	padding:15px 15px 50px 15px;
	background: #232323 url(images/bg-left.jpg) bottom left no-repeat;
}

#right-home {
	float:right;
	padding:10px;
	width:230px;
	height:360px;
	background: #232323 url(images/bg-left.jpg) bottom right no-repeat;

}

#footer{
	background-color:#121212;
	padding:15px;
	height:350px;
}

#footer .col-1-2 {
	background-color:#232323;
	padding:10px;
	width:285px;
	float:right;
	height:auto;
	border:none;
	margin: 0px 0px 0px 10px;

}

#footer .small {

	width:230px;

}

#footer .newsletter {
	width:220px;
	margin:0px;
}

#footer .localisation {
	width:275px;
	margin:0px;
}




#map {
	background: #fff url(images/map.gif) center center no-repeat;
	height:200px;
	border:5px solid #fff;
	font-size:8px;
	
}

#map a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}



.bloc-left {
background-color:#232323;
padding:10px;
margin-bottom:15px;
}



p.ra {
	color:#fff;
	font-size:11px;
	text-align:center;
	margin:20px 0px;
}





#adresse{
	color:#fff;
	font-size:12px;
}

#adresse p.titre {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}

#adresse p.tel {
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	margin-top:5px;
}

.col-1-2 {
	background-color:#111111;
	border:1px solid red;
	width:280px;
	float:left;
	margin-right:10px;
	height:400px;
}

/* Newsletter */

.mp-loading, .mp-message {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style:normal;
	font-weight:bold;
	color:#fff;
}
.mp-loading img {margin-right:5px;}




/* Facebook */
p#facebook {margin-top:10px;}
p#facebook a {
	padding-left:45px;
	background: transparent url('images/facebook_off.gif') no-repeat top left;
	line-height:40px;
	display:block;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
}

p#facebook a:hover {
	background: transparent url('images/facebook_on.gif') no-repeat top left;
}







/* Gestion des blocs */

.bloc {
	background-color:#FFFFFF;
	border:solid 1px #DEDEDE;
	padding:10px;
}

.bloc-1-3 {
	width:250px;
	float:left;
	margin-right:10px;
}

.bloc-right {
background-color:#232323;
padding:10px;
margin-bottom:15px;
}

/* Gestion du menu horizontal */

#sidebar{
	margin-bottom: 10px;
}

.menu{
margin: 0;
padding: 0;
float: left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
width: 100%;
overflow: hidden;
margin-bottom: 5px;
background: black url(images/bg-menu.jpg) center center repeat-x;
}

.menu li{
display: inline;
}

.menu li a{
float: left;
color:#959595;
padding: 9px 15px;
text-decoration: none;
border-right: 2px solid #000;
}

.menu li a:visited{
color:#959595;
}

.menu li a:hover, .menu li.current_page_item a, .menu li.current_page_ancestor a {
color:#fff;
}

/* Gestion du menu vertical */

ul.navigation li
{
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:5px;
}
ul.navigation li a
{
	text-decoration:none;
}
ul.navigation li a:hover, ul.navigation li.current_page_item a, ul.navigation li.current-cat a
{
	text-decoration:none;
	color:#fff;
}

/* Fil d'ariane */

p#ariane {
	padding:0px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;
	color:#fff;
}

p#ariane a, p#ariane a.visited{
	color:#fff;
}

/* Gestion des styles */

a {
	color:#9C9C9D;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#C48600;
	font-weight:normal;
	margin-bottom:20px;
}

h6.navigation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#C48600;
	font-weight:normal;
	margin-bottom:10px;
}

/* Post */

.post h2.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#C48600;
	font-weight:normal;
	margin-bottom:10px;
	text-decoration:none;
}



.post ul,.post ol{margin:0 30px 18px;}
.post li{line-height:18px;}
.post hr{display:block;}
.post p{line-height:18px;margin:0 0 18px 0;}

.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin:0 0 18px 0;color:#fff;}

.post h1,.post h2 {
	text-decoration:line-through;
	font-size:10px;
}

.post h3 {
	font-size:1.4em;
	font-weight:normal;
}
.post h4 {
	font-size:1.2em;
}

.post h5 {
	font-size:1em;
}

.post h6 {
	font-size:0.8em;
}

.post {margin-bottom:150px;}

.post h3 {margin:0px 0px 5px 0px;padding:0px;}
.post h3 a {color:#fff;text-decoration:none;margin:0px;padding:0px;}
.post .entry{font-size:0.8em;overflow:hidden;padding:0;}
.post .blog {margin-left:75px;}
.post .entry a{color:#fff;text-decoration:underline;}
.post .entry a:hover{color:#fff;text-decoration:none;}

.post .entry img{background:#fff;border:none;padding:5px;}
/*
.post .entry table{background:#fff;border:1px solid #000;border-width:1px;border-collapse:collapse;margin:5px 0 10px;}
.post .entry th,.post .entry td{border:1px solid #232323;padding:5px 10px;text-align:left;vertical-align:top;}
.post .entry th{background: #fff url(images/bg-input.jpg) bottom left repeat-x;color:#000;padding-top:15px;}
*/

.post .entry table{border-width:1px;border-collapse:collapse;margin:5px 0 10px;}
.post .entry th{font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;text-align:left;color:#fff;padding:30px 0px 5px 0px;}
.post .entry td{border-bottom:1px dashed #fff;padding:8px 0px 3px 0px;text-align:left;vertical-align:top;}
.post .entry td.r {text-align:right;font-size:16px;font-weight:bold;width:100px;}
.post .entry td.f {text-align:left;color:#fff;font-weight:normal;border-bottom:none;font-style:italic;}
.post .entry td em {font-style:italic;}


.post .entry li { padding:0 0 3px 0;}

.post .entry blockquote{color:#555;padding:10px;margin:0 0 20px;border:1px solid #ddd;background:#eee;}
.post .entry code{background:#334455;color:#ddd;}
.post .entry pre{font-size:12px;width:95%;line-height:16px;overflow:auto;font-family:"Courier New", FixedSys;color:#555;background:#fafafa;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:15px solid #ccc;border-right:1px solid #ccc;padding:0 5px 16px;margin:0 0 20px;}
.post .post-info-top{border-top:1px solid #ddd;line-height:18px;height:18px;position:relative;color:#999;margin:0 0 18px;padding:2px 10px;overflow:hidden;display:block;}
.post .post-info-bottom{border-bottom:1px solid #fff;line-height:24px;position:relative;color:#999;margin:0;padding:2px 10px;overflow:hidden;display:block;}
.post .post-info-top a,.post .post-info-bottom a{color:#999;}
.post .post-info-top a:hover,.post .post-info-bottom a:hover{color:#4a630f;text-decoration:underline;}
.post .entry p.read-more a,.post .entry p a.more-link,.post-info-date,.post-info-category,.post-info-tags,#gotocomments,#addcomment{display:block;padding-left:20px;background:url("images/icons.gif") no-repeat scroll 0 0;}
.post-info-date{float:left;background-position:0 -40px;}
.post-info-category{display:inline;background-position:-35px -60px;}
.post-info-tags{display:inline;background-position:-20px -240px;margin-left:10px;}
#gotocomments{float:right;background-position:0 -100px;margin-right:10px;}
#addcomment{float:right;background-position:0 -120px;}
.post .entry p.read-more a,.post .entry p a.more-link{position:absolute;bottom:0;left:10px;text-decoration:none;color:#4a630f;background-position:0 -20px;}
.nav_link{}
.sticky{width:638px;background:#f2f2f2;border:1px solid #ccc;}
.post h2.sticky-h2 a{color:#ff4e00;}
.post .add-info{padding:0 10px;}
.post .add-info h3{line-height:16px;font-size:12px;color:#4a630f;margin-bottom:5px;background:#e5e5e5;}
.post .add-info ul{list-style:square;}



.postmetadata, .postmetadata a {
	font-size:12px;color:#fff;}

div.date {
	width:60px; height:50px; margin: 0px 10px 10px 0px; padding:0px 5px 5px 0px;color:#fff;font:normal 14px Georgia; text-align:center;float:left;
	border-right:1px solid #fff;}

p.date-month {margin:2px 0 15px 0; color:#fff; font:normal 24px Georgia;}


a.pdf {
	padding-left:25px;
	background: transparent url('images/pdf.gif') no-repeat top left;
	line-height:20px;
	text-decoration:none;
	font-weight:bold;
}


/* Formulaires */

input, textarea {
	background: #fff url(images/bg-input.jpg) bottom left repeat-x;
	padding:5px;
	margin:0px 0px 5px 0px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

input[type="submit"]
{
	background: #fff url(images/bg-submit.jpg) bottom center repeat-x;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding:5px 15px;

}


/* Commentaires */

p.nocomments, h3#comments {
	font-size:1.6em;
	color:#fff;
	margin:20px 0px;
}

#respond h3 {
	font-size:1.4em;
	color:#C48600;
	font-weight:normal;
	margin-bottom:10px;
}

#respond p {
	color:#fff;
	margin-bottom:10px;
	font-size:1em
}

#respond p label {
	margin-left:10px;
	vertical-align:middle;
	
}

#respond a {
	color:#fff;
}


/* commentlist */

ul#commentslist {
	margin-bottom:50px;
}

li.comment {
	margin-bottom:20px;
	list-style-type:none;

	
}

.comment-text {
	font-size:1em;
	padding:15px 15px 15px 40px;
	background: #111111 url(images/bg-comment-text.gif) no-repeat 5px 5px;
}

.comment-author {
	background: transparent url(images/bg-comment-author.gif) no-repeat 20px 0px;
	font-size:0.9em;
	padding:5px 0px 0px 50px;
}

.comment-text p.awaiting {
	margin-top:10px;
	font-size:1em;
	color:#fff;
	font-weight:bold;
}

/* Derniers commentaires */



.recent-comments{font-size:12px;padding:0px;color:#9C9C9D;}
	
.recent-comments li {
	margin-bottom:10px;
	list-style-type:none;
}


.recent-comments li a {color:#fff;}




.recent-news {font-size:14px;padding:0px;color:#9C9C9D;}
.recent-news li {
	margin-bottom:10px;
	list-style-type:none;
}
.recent-news li a {color:#fff;font-weight:bold;}

.recent-news p {font-size:12px;color:#9C9C9D;}

/* Begin Images (RPT : images bases)*/
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

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 15px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */

.clearfloat {
   	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* Gestion Gallery */
#myGallery
{
width: 600px !important;
height: 400px !important;
}