/*
Theme Name: Au jardin de Willemse FR
Theme URI: 
Description: Le thème : Au jardin de Willemse
Version: 1.0
Author: 
Author URI: http://aujardindewillemse.fr/
Tags: blue, custom header, fixed width, two columns, widgets 

*/
/* Begin Typography & Colors */
* {
	margin: 0;
	padding: 0;
}
img {
	  border: 0;
}
a {
	  text-decoration: none;

}
a:hover {
	  text-decoration: underline;

}

/*ul, ol, li {
          list-style:none;
	  list-style-type: none;
          list-style-image: none;
}*/


#sidebar ul li {
          list-style:none;
	  list-style-type: none;
          list-style-image: none;
}

body {
font-size: 10px; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
/*background: #d5d6d7 url('images/kubrickbgcolor.jpg');---MODIF FAB---*/
color: #333;
text-align: center;
overflow-x: hidden;/*Enleve barre defilement horizontale*/
/*POur Background fixe mais voir pour caler l'herbe =>*/
background: #fff url(images/Bgd_Fond_Bois.jpg) fixed;
background-position:center;
background-position:top;
background-repeat: no-repeat;
}
#page {
/*background: url('images/Bgd_Fond_Bois.jpg') repeat-y top;---MODIF FAB---*/
border: none;/*---MODIF FAB---*/
margin: 0 auto;/*---MODIF FAB---*/
padding: 0;
width: 947px;
text-align: left;
height:1850px;
position:relative;
}

#header {
/*background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center; ---MODIF FAB---*/
}



/*On cache l'ensemble des titres des widgets de la sidebar*/
.widgettitle {
display:none;
}

#EncartCommercial{
position:relative;
width:239px;
height:146px;
}

.EncartComm{
position:absolute;
left: 3px;
width:228px;
height:146px;
}

#EcataEnCours{
position:relative;
width=236px;
height:139px;
}
.LeEcata {
position:absolute;
left:60px;
width=116px;
height:139px;
}


/*Nos thème*/
.widget_categories{
background: url(images/MenuG_Themes.png) no-repeat left top;
padding-top:46px;
/*width:239px;*/
}
.widget_categories ul{
display:block;
}
/*Nos archives*/
.widget_archive{
background: url('images/MenuG_Archives.png') no-repeat left top;
padding-top:46px;
}

/*Mots clés, nuages de tags*/
.widget_tag_cloud{
background: url('images/MenuG_MotsCles.png') no-repeat left top;
padding-top:46px;
font-size:1.2em;
line-height:normal;
}

/*Articles recents (que les titres)*/
.widget_articles_recents{
background: url('images/MenuG_Articles.png') no-repeat left top;
padding-top:46px;
}

.dFluxRSS{
background: url('images/MenuG_Flux.png') no-repeat left top;
padding-top:46px;
font-size:12px;
/*line-height:1.4em;*/
}




.dFluxRSS span {
display: block;

}
.dFluxRSS img, .dFluxRSS a{ 
display:inline;
}

#MenuHaut {/*---Creation FAB---*/
margin-top:4px;
float:left;
width:699px;
margin-left:25px;
display:inline;
}

#ZoneIdentification {/*---Creation FAB---*/
background: url('images/Bgd_identification.png') repeat;/*---MODIF FAB---*/
border: none;
margin-top:4px;
text-align: left;
float:left;
height:59px;
width:171px;
display:inline; /*Float-left (ou right) plus margin donc on met cela pour ie*/
}

#ZoneIdentification p {
font-weight:bold;
margin-top:3px;
margin-left:14px;
}

#ZoneIdentification .mid {
border: 1px solid #000000;
color:#999999;
width:75px;
height:16px;
margin-top:3px;
/*margin-left:14px;*/
font-size:9px;
}

#ZoneIdentification .mid_pwd {
border: 1px solid #000000;
color:#999999;
width:40px;
height:16px;
margin-top:3px;
margin-right:5px;
font-size:9px;
}

#ZoneIdentification .mid_Btn {
vertical-align:middle;
width:22px;
}

#ZoneIdentification .checkbox {
border: none;
margin-top:3px;
margin-left:14px;
color:#999999;
vertical-align:middle;
}

#headerSousMenu {/*---Creation FAB---*/
clear:both;
width:892px;
height:238px;
padding-left:25px;
marging:0;
}

#PropositionArticle{/*---Creation FAB---*/
background: url('images/Bgd_ProposerArticle.png') no-repeat;
width:310px;
height:238px;
float:left;
position:relative;
}
.Btn_proposer_article{
position:absolute;
top:184px;
left:47px;
z-index:10;
width:244px;
height:54px;
}


#VosPhotos{/*---Creation FAB---*/
background: url('images/Bgd_VosPhotos.png') no-repeat;
width:297px;
height:238px;
float:left;
position:relative;
}
.Btn_Vos_Photos{
position:absolute;
top:184px;
left:36px;
z-index:10;
width:254px;
height:48px;
}

#Logo{/*---Creation FAB---*/
/*background: url('images/Logo.png') no-repeat;*/
width:260px;
height:238px;
float:left;
position:relative;
}

.LogoLien {
position:absolute;
top:187px;
left:15px;
z-index:10;
width:220px;
height:19px;
border:0;
}
#headerimg {
margin: 7px 9px 0;
height: 192px;
width: 740px;
}



#InscNews{
margin-left:10px;
width: 160px;
}

#content {
font-size: 1.2em;
}
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
margin-top:10px;
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
text-align: left;
}

.narrowcolumn hr {
width:600px;
size:0.25px;
color:#CCCCCC;
display:block;
margin-right: auto;
margin-left: auto;
font-size:0.8em;
border-top: 0.25px dashed #CCCCCC;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
h1 {
font-size: 4em;
text-align: center;
}
#headerimg .description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 1.6em;
}
h2.pagetitle {
font-size: 1.6em;
}
#sidebar h2 {
font-family: Lucida Grande, 'Verdana', Sans-Serif;
font-size: 1.2em;
}

#sidebar ul li {
margin-top:10px;
clear:both;
}
#sidebar ul li ul{
/*margin-left:5px;*/
}

#sidebar ul li ul li {
/*margin-left:5px;*/
margin-top:0px;
list-style:disc;
list-style-position:inside;
}

h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #b85b5a;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}



#sidebar a, h2 a:hover, h3 a:hover {
color: #333333;
text-decoration: none;
}
#sidebar a:hover {
background-color: #000000;
color: #FFFFFF;
text-decoration: underline;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}
a:hover {
color: #147;
text-decoration: underline;
}
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Structure */


#header {
/*background-color: #73a0c5;  ---MODIF FAB---*/
/*margin: 0 0 0 1px;  ---MODIF FAB---*/
padding: 0;
height: 308px;  /*---MODIF FAB---*/
width: 947px;  /*---MODIF FAB---*/
}
#headerimg {
margin: 0;
height: 200px;
width: 100%;
}
.narrowcolumn {
float: left;
background:#FFFFFF;
padding: 0 18px 16px 18px;
width: 664px; /*---Modif FAB---*/
border: 1px solid #999999;/*---CREATION FAB---*/
margin-left:9px;
display:inline; /*Float-left (ou right) plus margin donc on met cela pour ie*/
}

.narrowcolumn {
height: 1430px;
}
html>body .narrowcolumn  {
height: auto;
min-height: 1430px;
} 


.widecolumn {
float: left;
background:#FFFFFF;
padding: 0 18px 16px 18px;
width: 664px; /*---Modif FAB---*/
border: 1px solid #999999;/*---CREATION FAB---*/
margin-left:9px;
display:inline; /*Float-left (ou right) plus margin donc on met cela pour ie*/
}

.widecolumn {
height: 1430px;
}
html>body .widecolumn {
height: auto;
min-height: 1430px;
} 



.post {
margin: 0 0 3px;
text-align: justify;
}
.post hr {
display: block;
}

.post h3 {
font-size:26px;
line-height:normal;
}
.post h2 {
font-size:26px;
line-height:normal;
}

.mw-headline {
font-size:22px;
line-height:normal;
}

.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
margin-top:10px;
font-size:0.8em;
clear: both; 
}
.clear { 
clear: both; 
}
#footer {
position:relative;
clear:both;
height:120px;
}
#BgdFooter {
position:absolute;
background: url('images/Footer.png') no-repeat;
bottom:0;
margin: 0 auto;
z-index:10;
left:-115px;
/*width:2000px;*/
width:1178px; 
height:93px;
}
#Bgd_Coccinelle {
position:absolute;
background: url('images/Coccinelle.png') no-repeat;
top:100px;
left:889px;
z-index:10;
width:38px;
height:38px;
}

#Bgd_Papillon_gauche {
position:absolute;
background: url('images/Papillon_gauche.png') no-repeat;
top:155px;
left:-105px;
z-index:10;
width:97px;
height:162px;
}

#Bgd_Papillon_droit {
position:absolute;
background: url('images/Papillon_droit.png') no-repeat;
top:415px;
left:946px;
z-index:10;
width:101px;
height:332px;
}

#Bgd_Escargot_gauche {
position:absolute;
background: url('images/Escargot_gauche.png') no-repeat;
top:1378px;
left:-22px;
z-index:10;
width:44px;
height:69px;
}
#Bgd_Escargot_droit {
position:absolute;
background: url('images/Escargot_droit.png') no-repeat;
top:1638px;
left:961px;
z-index:10;
width:59px;
height:106px;
}

.LogoFooter {
position:absolute;
top:0px;
left:779px;
z-index:10;
width:127px;
height:31px;
}


#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */
/*	Begin Headers */
h1 {
padding-top: 70px;
margin: 0;
}

#ZoneIdentification h2{
margin: 0;
}

h2 {
margin: 30px 0 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}
h3 {
padding: 0;
margin: 30px 0 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px;
}
/* End Headers */
/* Begin Images */
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 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */



/* Begin Form Elements */
#sidebar ul li ul li #searchform{
padding:0;
}


#searchform {
text-align: center;
color:#333333;
font-size:1.2em;
}

#sidebar #searchform #s {
width: 160px;
}

#sidebar #searchform {
margin-left:10px;
text-align:left;
}

#sidebar #searchsubmit {
padding: 1px;
}
.entry form {
/* This is mainly for password protected posts, makes them look better. */
text-align: center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Begin Sidebar */
#sidebar {
/*padding: 20px 0 10px 0;*/
float:left;
margin:0;
padding:0;
width: 236px;
position:relative;
font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#333333;
line-height:1.6em;
}

#sidebar form {
margin: 0;
}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
/* Doesn't work in IE */
background-color: #fff;
}
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden { 
display: none; 
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/

/* 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 */