/*
Theme Name: Conseils webmaster / WordPress design #1
Theme URI: http://conseils-webmaster.com/
Description: A light, extremely simple (minimalist) and SEO (Search Engine Optimized) WordPress theme with 2 columns. It is based on Andreas Viklund's <a href="http://andreasviklund.com/templates/1024px/">1024px XHTML/CSS template</a>. Validates as XHTML 1.0 Strict.
Version: 1
Author: Jerome Lebret & Andreas Viklund
Author URI: http://conseils-webmaster.com/
Tags: fixed width, two columns, widgets
*/

/* Body */
body { color:#404040; font:85% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; padding:0; background:#fff url(background-800.gif) top center repeat-y; /* background:#DADADA; */ }
*{margin:0; padding:0;}

/* Links */
a {color:#0000CC; text-decoration:underline;} /*#4088b8*/
a:hover {text-decoration:none;}
a:visited {color:#551A8B;} /*#3DAFAF*/
a img {border:0;}

/* Main wrap */
#wrap {color:#404040; margin:0 auto; padding: 10px 0; width:730px; /* border: 1px solid #808080; */ background: #fff; } /*width:970px;*/
#header { margin: 0 0 10px 0; }
#breadcrumb { color: #808080; font-size: 0.7em; margin: 0; padding: 1px 0 1px 0; background-color: #fff; }
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:visited { color: #808080; }
#websitetitle { color:#4088b8; font-size: 1.8em; letter-spacing: 0px; margin: 0 0 0 20px;}
#websitetitle a, #websitetitle a:visited { color:#4088b8; text-decoration: none; }
#slogan {color:#808080; font-size:1em; letter-spacing:1px; line-height:1.2em; margin:10px 0 10px 40px; font-style: italic;}
#toplinks {padding:0; margin:0; text-align:right; float:right;}
#toplinks a {font-size: 0.8em; color:#808080;}

/* Headers */
h1,h2,h3,h4,h5,h6 {clear:both;}
h1, table#wp-calendar caption {border-bottom:5px solid #dadada; text-align:left; color:#00558F; font-size:1.6em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 0; font-weight:normal;} /*font-weight:bold; color:#4088b8; */
h2, table#wp-calendar caption {border-bottom:3px solid #dadada; text-align:left; color:#4088b8; font-size:1.4em; letter-spacing:-1px; margin:20px 0 0 0; padding:0 2px 4px 0; font-weight:normal;}
h2 a {text-decoration:none; margin:0;}
h3 {border-bottom:1px solid #dadada; color:#4088b8; font-size:1.3em; margin:10px 0 8px; padding:1px 2px 2px 3px; font-weight:normal;}
h4 { border-bottom:1px solid #dadada; color:#4088b8; font-size:1.2em; font-weight:normal;}
h5 { color:#4088b8; font-size:1.1em; font-weight:normal;}
h6 { color:#4088b8; font-size:1em; font-weight:normal;}


/* Content */
#content {float:right; line-height:1.5em; margin: 20px 0 0 0; text-align:left; width:100%; clear:both;}
#content ul,#content ol {margin:0 0 18px 30px;}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
#content img {margin:0 5px;}
#content p {margin:5px 0; text-align: justify;}
#content p.postmeta {font-size:0.8em; margin:5px 0 15px 0;text-align:right;border-top:2px solid #dadada; line-height:1.8em;}
#content p.postmeta a {font-weight:normal;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}
#content .introtext p {margin:-5px 0 15px 10px;}

.timestamp { font-size: 0.8em; margin: 10px 0 10px 0; text-align:right; }

/*#last-entries-block { padding: 5px; margin: 5px; }
#last-entries-block ul { margin:5px 0 5px 5px; padding: 5px; }
#last-entries-block ul li { padding: 0; margin: 0; line-height: 1em; }
#last-entries-block ul li a { font-size: 0.8em; margin: 0; padding: 0; line-height: 1em; }*/


/* images */
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;}

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




/* Footer */
#footer {border-top:4px solid #dadada; clear:both; color:#808080; font-size:0.9em; line-height:1.6em; margin:0 auto; padding:5px 0;}
#footerinfos {margin:0; padding:0; text-align:right; font-weight:bold;}
#footerinfos a {color:#808080; font-weight:bold; text-decoration:underline;}
#footerinfos a:hover {text-decoration:none;}
#footerinfos span, #footerinfos span a {font-weight:normal;}

/* Comments */
#content div.comment {margin-bottom:15px;}
#content div.comment p {margin:0 0 4px 10px; padding:3px 0 0 0;}
#commentsection p {margin:0 0 5px 10px;}
#commentsection input,#commentsection textarea {padding:5px; width:330px;}
#commentsection textarea#comment {width:600px;}
#commentsection input#submit {width:75px;color:#333; background-color:#fff; cursor:pointer;cursor:hand;}
#commentsection input#submit:hover { color: black; background-color:#DADADA; }
#commentsection input,#commentsection textarea,form div.searchbox input {font:94% Verdana,Tahoma,Arial,sans-serif; border:1px solid #ccc;}
.gravatarside {width:40px; height:32px; float:left; margin:0 5px 1px 10px;}

/* Tags */
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px; clear:both;}
blockquote cite {margin: 5px 0 0;display: block;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:5px 0;}
ul,ol,dl {margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
code{font-size:1.1em; background-color:#f4f4f4; color:#555; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}
acronym, abbr {cursor: help;border-bottom: 1px dashed #999;}
.center {text-align: center;}



/* Sidebar */
#sidebar {float:left; margin:0 0 5px; padding:0; width:190px;}
#sidebar h3 { border-bottom:4px solid #dadada; text-align:left; font-weight:bold; color:#4088b8; font-size:1.2em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 0; }
#sidebar p,#sidebar ul,#sidebar .textwidget {margin:0 10px 15px 0;}
#sidebar li {list-style:none; margin:0 0 6px;}
#sidebar li a {font-size:1.1em; font-weight:bold; padding:2px;}
#sidebar ul ul {margin:5px 0 5px 10px;}
#sidebar ul ul li {margin:0 0 5px;}
#sidebar ul ul li a {font-weight:normal;}
.sidebarblock {  }



/* Navigation */
#navigation { }
#navigation ul { }
#navigation ul li { }
#navigation ul li a { text-decoration: none; display:block; border-bottom: 1px solid #4088b8;  }
#navigation ul li a:hover { text-decoration:underline; }


/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}



/* Searchbox */
/*.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}
.searchbox input {font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc;}*/



/* Various classes */
.post {margin:0 0 15px;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.hide {display:none;}



/* Additional classes */

.box {background:#4088b8; border:1px solid #c8c8c8; color:#fff; font-size:0.8em; line-height:1.4em; padding:5px; letter-spacing:0.5px;}

.box a, .box a:visited {color:#ffffff;}

.left {float:left; margin:0 15px 4px 0;}

.right {float:right; margin:0 0 4px 15px;}

.readmore {margin:-10px 10px 12px 0; text-align:right;}

.blue {color:#4088b8;}

.clear {clear:both;}

.fade {color:#c8c8c8;}

.gray {color:gray;}

.photo {background:#fff; border:1px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}








/* Navigation tab menu */

#nav {
    background:#DADADA;
    margin:0;
    padding:0;
    width:100%;
    clear:both;
}

#nav ul, #subnav ul {
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
    clear:both;
}

#nav ul {
    padding:0 0 0 10px;
}

/* this is new, replacing the below */
#nav ul li{
      float:left;
      display:block;
}
/* removing this as it breaks the nav on FFox 1.7
#nav ul li {
    float:left;
    display:inline-table;
} */

#nav ul li a {
    display:block;
    line-height:25px;
    padding:0 0.6em;
    text-decoration:none;
    font-size:14px;
    color:#000;
    float:left;
    border-left:1px solid #fff;
    border-right:1px solid #808080;
    margin:0 0 0 0;
}

#nav ul li.searchbox {
    padding-right:0.2em;
    float:right;
}

#nav ul li input {
    margin:0 0 0 0;
    padding:0;
    vertical-align:middle;
    color:#666;
}   

#nav ul li label {


}
    
#nav form {    margin:0;
    padding:0;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#nav ul li a {
    float:none;
}
/* End IE5-Mac hack */

#nav ul li a:hover {
    background:#3DAFAF;
    color:#fff;
}


#nav li.nav_selected a, #nav li.nav_selected a:hover {
    color: #fff;
    line-height:25px !important;
    padding:0 0.8em;
    font-weight: bold;
    margin:0 !important;
    background: #4088B8 !important;
    background-image:none !important;
}






#subnav {
    width:100%;
    background-color:#4088B8;
    border-left:2px solid #4088B8;
    padding:2px 0 2px 0;
/*    border-bottom:1px solid #990000; */
    /*margin-top:expression(-2+"px"); causing problems in IE Win*/
}



#subnav ul li {
    float:left;
    display:inline-table;
    background-color:#4088B8;
}

#subnav ul li a {
    font-size: 11px;
    padding:0 0.6em;
    text-decoration:none;
    color:#fff;
    float:left;
    background-color:#4088B8;
}

#subnav ul li + li a {
    border-left:1px solid #fff;
}

#subnav ul li a:hover {
    text-decoration:underline;
}

#subnav .subnav_selected a, #subnav .subnav_selected a:hover {
background-color:#00558F;
color:#ffffff;
} 




#adsense {text-align:center; padding:5px;}




.divby3container {width:100%; padding: 5px; overflow:hidden;}
.divby3alignedgroupegauche {float:left; width:66.5%;}
.divby3alignedcentre {float:right; width:49%;}
.divby3alignedgauche {float:left; width:49%;}
.divby3aligneddroit {float:right; width:32.5%;}

.divby2container {width:100%; padding: 5px; overflow:hidden;}
.divby2alignedgauche {float:left; width:49%;}
.divby2aligneddroit {float:right; width:49%;}