/*
Theme Name: WordPress LDLC Fr
Theme URI: http://wordpress.org/
Description: Le thème LDLC
Version: 1.0
Author: LDLC
Tags: ldlc 
*/

/* add 32bits png support */
.png32 { behavior: url(./iepngfix.htc); }

/**************************************/
/*       Images replacement           */
/**************************************/
.lir {
	background-repeat: no-repeat;
    overflow: hidden;
    height: 0 !important;
}

/**************************************/
/*           Clear Floats             */
/**************************************/

/* FF, O... */
.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {	display: inline-block; }      /* IE7xhtml*/
html[xmlns] .clearfix { display: block; } /* O */
* html .clearfix {height: 1%;}            /* IE5/6 */
.clear {clear:both;}

/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #2c5569 url('images/fond-bleu.gif') 0 0 repeat-x;
color: #4b4b4b; 
text-align: center;
border-top:5px solid #000;
}

a {
color: #00ccdf;
}

#pagewrapper {
background: url(images/ombre-fond.png) 0 0 repeat-y;
width:905px;
margin:auto;
}

#page {
background: #fff url(images/fond-partie-droite.gif) 100% 0 repeat-y;;
text-align: left;
}

#header h1 {text-align:left;}
#header h1 a{
  background: url(images/logo.png) 0 0 no-repeat;
  width:147px;
  padding-top:55px;
  display:block;
  
}

#headerimg 	{
}

#content {
font-size: 1.2em
}

.widecolumn .entry p {
font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}

.widecolumn {
line-height: 1.6em;
}

.narrowcolumn .postmetadata {
text-align: center;
}

.thread-alt {
background-color: #f8f8f8;
}
.thread-even {
background-color: white;
}
.depth-1 {
border-bottom: 1px solid #ddd;.
padding-bottom:10px;
}



.even, .alt {
/*border-left: 1px solid #ddd;*/
}

#footer {
background: #000;
border: none;
}

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;
}

h2 {
font-size: 1.6em;
}

h2.pagetitle {
font-size: 1.6em;
}

#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.2em;
}

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: #4b4b4b;
}

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;
}

.sticky {
background: #f7f7f7;
padding: 0 10px 10px;
}
.sticky h2 {
padding-top: 10px;
}

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
font-size: 1em;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.4em;
}
.says {display:none;}
.commentmetadata a {color:#989898;}

.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 {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

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: #00ccdf;
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 */
body {
margin: 0;
padding: 0;
}

#page {
margin: auto;
padding: 0;
width: 877px;
}

#header {
margin:auto;
text-align:left;
width: 877px;
position:relative;
}

#toptabs {
 position:absolute;
 right:0;
 top:-5px;
 background:url(images/onglet02.png) 0 0 no-repeat;
 width:284px;
 height:25px;
}
#tabldlc{
 position:absolute;
 top:7px;left:15px;
 padding-top:10px;
 width:112px;
 background: url(images/aller-01.png) 0 0 no-repeat;
}
#tabldlc:hover{
 background-image: url(images/aller-02.png);
}
#tabcontact{
 position:absolute;
 top:7px;left:148px;
 padding-top:10px;
 width:48px;
 background: url(images/contact-01.png) 0 0 no-repeat;
}
#tabcontact:hover{
 background-image: url(images/contact-02.png);
}
#tababout{
 position:absolute;
 top:7px;right:15px;
 padding-top:10px;
 width:53px;
 background: url(images/a-propos-01.png) 0 0 no-repeat;
}
#tababout:hover{
 background-image: url(images/a-propos-02.png);
}

#toppage{height:31px;background: url(images/menu/menu-noir.gif) 0 0 repeat-x;position:relative;}
#toppagecat {margin:0;padding:0;}
#toppagecat li {float:left;list-style:none;height:31px;}
#toppagecat li a {
    display:block;
    background-position: 50% 9px;	
    background-repeat: no-repeat;
    overflow: hidden;
    height: 0 !important;
    padding:31px 20px 0 20px;
    }

#toppagecat .cat-item-1, #toppagecat .cat-item-102 {display:none;} /* Non classé*/
#toppagecat .cat-item-3 a{width:79px; background-image:url(images/menu/actus-01.png)} /* Actu LDLC */
#toppagecat .cat-item-3 a:hover {background-image:url(images/menu/actus-02.png)} /* Actu LDLC */
.category-actu-ldlc #toppagecat .cat-item-3 {background:url(images/menu/menu-bleu.gif) 0 0 repeat-x;}
.category-actu-ldlc #toppagecat .cat-item-3 a,
.category-actu-ldlc #toppagecat .cat-item-3 a:hover{background-image:url(images/menu/actus-03.png)} /* Actu LDLC */

#toppagecat .cat-item-5 a{width:75px; background-image:url(images/menu/corporate-01.png)} /* Corporate */
#toppagecat .cat-item-5 a:hover {background-image:url(images/menu/corporate-02.png)} /* Corporate */
.category-corporate #toppagecat .cat-item-5 {background:url(images/menu/menu-bleu.gif) 0 0 repeat-x;}
.category-corporate #toppagecat .cat-item-5 a,
.category-corporate #toppagecat .cat-item-5 a:hover{background-image:url(images/menu/corporate-03.png)} /* Corporate */

#toppagecat .cat-item-4 a{width:75px; background-image:url(images/menu/sur-le-net-01.png)} /* Sur le net */
#toppagecat .cat-item-4 a:hover {background-image:url(images/menu/sur-le-net-02.png)} /* Sur le net */
.category-sur-le-net #toppagecat .cat-item-4 {background:url(images/menu/menu-bleu.gif) 0 0 repeat-x;}
.category-sur-le-net #toppagecat .cat-item-4 a,
.category-sur-le-net #toppagecat .cat-item-4 a:hover{background-image:url(images/menu/sur-le-net-03.png)} /* Sur le net */

#toppagecat .cat-item-accueil a{width:54px; background-image:url(images/menu/accueil-01.png)} /* Accueil */
#toppagecat .cat-item-accueil a:hover {background-image:url(images/menu/accueil-02.png)} /* Accueil */
.home #toppagecat .cat-item-accueil {background:url(images/menu/menu-bleu.gif) 0 0 repeat-x;}
.home #toppagecat .cat-item-accueil a,
.home #toppagecat .cat-item-accueil a:hover{background-image:url(images/menu/accueil-03.png)} /* Accueil */


#headerimg {
margin: 0;
}

.widecolumn,
.narrowcolumn {
float: left;
padding: 0 0 20px 0px;
margin: 0px 0 0;
width: 580px;
}


.search .post {padding:35px 25px 0 25px;}

.post {
background: url(images/degrade-billet.gif) 0 0 repeat-x;
padding: 35px 0 0px;
text-align: justify;
position:relative;
clear:both;
}
.post h2, .post .entry {padding:0 25px;}
.post .entry {border-bottom: 1px solid #cfcfcf;padding-bottom:1em}

.post .date {
display:block;
width:40px;
height:56px;
position:absolute;
top:26px;
left:-26px;
overflow:hidden;
background: url(images/date.png) 0 0 no-repeat;
text-align:center;
}
.post .date small {color:#fff;display:block;font-weight:bold;line-height:1.1em;}
.post .date .d1{font-size:1.4em;line-height:1.4em;}
.post .date .d2{text-transform: uppercase;}

.post hr {
display: block;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
}

.widecolumn .postmetadata {
margin-bottom:30px;
width:529px;
padding:10px 25px 33px 25px;
background: #f0f0f0 url(images/degrade-billet.gif) repeat-x left bottom;
}
.widecolumn .postmetadata small {
clear:both;display:block;margin-left:5px;
}
.widecolumn .postmetadata .metacat {margin:5px 0;}



.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.more-link {text-decoration:underline;float:left;}


.social_bookmark a strong, .social_bookmark br {display:none;}
.social_bookmark .d {padding-top:1em}

.postmetadata {
clear: both;
float:left;
margin:0 25px;
width:530px;
padding: 20px 0 20px 0;
display:inline; /*ie6*/
}
.postmetadata .meta {
  float:left;
  padding:0 4px;
  line-height:21px;
  height:21px;
  background: url(images/bouton-noir.png) 0 0 repeat-x;
  margin:5px;
  font-size:0.7em;
  text-transform: uppercase;
  font-weight:bold;
}
.postmetadata .meta a,.postmetadata .meta a:visited {color:#fff;}

.postmetadata .metakeywords {color:#4b4b4b;font-weight:normal;background:none;font-size:.8em;}
.postmetadata .metakeywords a,.postmetadata .metakeywords a:visited {color:#989898;}

.postmetadata .metamodify {clear:both;}

.widecolumn .postmetadata .metakeywords {font-size:1.2em;font-weight:bold;float:left;}
.widecolumn .postmetadata .metakeywords a {font-weight:normal;}

.postmetadata .metacat {clear:left;}
.postmetadata .comments-link {padding-left:22px;background:url(images/bulle.gif) 0 0 no-repeat;display:block;}
.clear {
clear: both;
}

.search .postmetadata {padding:5px 0}

#footer {
margin: 0 auto;
clear: both;
padding: 30px 0 100px 20px;
}

#footerul {
margin: auto;
width:877px;
text-align: left;
color:#fff;
padding:0;
}
#footerul li {display:inline;padding:0 5px;}
#footerul a {text-decoration:underline;color:#fff;font-size:1.3em;font-style:italic;}
#footerul a:hover {text-decoration:none;}
/* End Structure */



/*Begin Headers */
h1 {
padding: 20px 0 20px 0;
margin: 0;
}

h2 {
margin: 0px 0 0;
}

h2.pagetitle {
margin-top: 20px;
text-align: left;
padding:0 25px;
}

#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}

h3 {
padding: 0;
margin: 0px 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 Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
position:absolute;
top:3px;
right:20px;
padding:0;
}

#s {width:195px;height:23px;padding:2px 5px 0 23px;background: url(images/menu/barre-recherche.png) 0 0 no-repeat;border:none;/*vertical-align:top;*/}


#searchsubmit {
vertical-align:middle;
/*padding: 1px;
background: url(images/menu/ok-02.png) 50% 50% no-repeat;
border:none;
width:17px;
height:0;
padding-top:22px;
cursor:pointer;*/
}

.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 {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 0px 10px;
list-style: none;

}
.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 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 20px;
width:257px;
margin-left:580px;
background: url(images/degrade-gris.gif) 0 0 no-repeat;
overflow:hidden;
}
* html #sidebar {padding:20px 5px;}

#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: 15px 25px 30px 25px;
}
/* End Various Tags & Classes*/

.widecolumn #comments, .widecolumn #respond, .widecolumn .commentlist,
 .widecolumn .navigation {margin:0 25px}

.widecolumn #respond {margin-top:40px;clear:both;}

#promote_ckeditor {display:none;}
.textwidget  {text-align:justify}
#addcomment a{float:right;}
img.avatar {display:none;}
/* 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 */
#sidebar ul ul{margin:0;}
#sidebar ul ul li{padding: .4em 0;border-bottom:1px solid #c8c8c8;}
#sidebar .widget_twitter h2,
#sidebar .widget_tag_cloud h2,
#sidebar .widget_recent_comments h2,
#sidebar .widget_most_popular h2,
#sidebar .widget_recent_entries h2,
#sidebar h2.rss 
{
  display:block;
  overflow: hidden;
  height: 0 !important;
  padding-top:25px;
  background-position:0 0;
  background-repeat : no-repeat;
  position:relative;
  border-bottom:1px solid #4b4b4b;
  margin-top:30px;
}
#sidebar .widget_twitter h2 a,
#sidebar h2.rss a
{
  position:absolute;right:0;top:0;
  overflow: hidden;
  height: 0 !important;
  width:100%;
  padding-top:23px;
  background-position:100% 0;
  background-repeat : no-repeat;
}

#sidebar .widget_twitter h2 { background-image: url(images/notre-twitter.gif); }
#sidebar .widget_twitter h2 a {background-image: url(images/picto-twitter.gif);}

#sidebar h2.rss { background-image: url(images/abonner-par-rss.gif); }
#sidebar h2.rss a {background-image: url(images/picto-rss.gif);}
#sidebar .widget_tag_cloud h2 { background-image: url(images/tags.gif); }
#sidebar .widget_recent_comments h2 { background-image: url(images/commentaires-recents.gif); }

#sidebar .widget_recent_entries h2 { background-image: url(images/articles-plus-recents.gif); }
#sidebar .widget_recent_entries a {color:#4b4b4b}

#sidebar .widget_most_popular h2 { background-image: url(images/articles-plus-commentes.gif); }
#sidebar .widget_most_popular a {color:#4b4b4b}

#sidebar .widget_tag_cloud div a {color:#4b4b4b;word-spacing:}

#sidebar .widget_recent_comments a {display:block !important;color:#4b4b4b;}
#sidebar .widget_recent_comments a.url {display:inline !important;color:#00ccdf;}
#sidebar .widget_recent_comments span {color:#00ccdf;}

#sidebar .widget_twitter abbr {display:block;cursor:default;text-align:right;font-style:italic;text-decoration:none;border-bottom:none;font-size:.8em;}

#myGallery {margin:auto;}

#content .cform { width:auto; font-size:1.3em; }
#content span.reqtxt, #content span.emailreqtxt {display:none;} 
#content #commentform input, #content .cform label span{width:auto;}
#content .cform label { color:#4b4b4b; font-size:.8em; width:auto; background:transparent }
#content .cform input:focus, #content .cform textarea:focus, #content .cform select:focus { /*background:#e8e8e8;*/ }
#content .cform input, #content .cform textarea, #content .cform select { background:#f0f0f0; border-color: #989898; }
#content img.captcha, #content img.captcha-reset {vertical-align:middle;} 

#respond li {width:45%;}
#content .cf-ol li input {width:235x;padding:5px 2px;height:20px;background:transparent url(images/commentaires-texte01.png) 0 0 no-repeat;border:none;}
#respond #li-2-2, #respond #li-2-3 {float:left;}
#respond #li-2-4 {width:auto;}
#content .cf-ol li textarea {width:495px;padding:5px;height:94px;background:transparent url(images/commentaires-texte02.png) 0 0 no-repeat;border:none;}
#content #respond .cform label {color:#fff;} 

#respond #li-2-5, #respond #li-2-5items {display:none;} 

#comments {padding-left:25px;background:transparent url(images/bulle.gif) 0 0 no-repeat;clear:left;}
#comments a {font-size:0.9em;font-weight:normal; color:#00ccdf}
#respond h3{padding-left:25px;background:transparent url(images/plus.gif) 0 50% no-repeat;margin:0;}
#respond .cform{background:#656565;padding:5px;}
#respond p.cf-sb {text-align:center;} 
.page-id-187 p.cf-sb {text-align:left;margin-left:10px;}
.page-id-187 h2 {text-transform:uppercase;padding-bottom:10px;}
.page-id-187 .entry {padding-top:35px;background:transparent url(images/degrade-billet.gif) left top repeat-x;}

.subtitle{padding:0 25px;}
/*#sidebar .widget_recent_comments li {border-bottom:1px solid #989898;padding:.4em 0;}*/
/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */
