* {
margin:0;
padding:0;
}
body, html {
min-height:101%;
}
body {
background-color:#D3D1C4;
background-position:center bottom;
background-repeat:no-repeat;
color:#4D4935;
font-family:Arial,Verdana,Sans-Serif;
font-size:100%;
padding:5px 0 25px;
}
select, input, textarea {
background-color:#D3D1C4;
border:1px solid #B8B7AB;
font-family:Arial,Verdana,Sans-Serif;
font-size:100%;
}
label {
display:block;
float:left;
width:200px;
}
#googlepub {
border:1px solid #D3D1C4;
text-align:center;
}
#breadcrumb {
border-bottom:1px dashed #D3D1C4;
margin-top:10px;
padding-bottom:3px;
}
p {
margin:0 0 15px;
}
a:link, a:visited {
color:#669900;
text-decoration:none;
}
a:hover, a:active {
color:#6C6545;
text-decoration:underline;
}
.separateur {
background-image:url(images/separateur.gif);
background-position:center center;
background-repeat:no-repeat;
display:block;
height:30px;
}
.haut h1 {
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
margin:0 0 4px;
padding:0;
text-align:center;
}
.haut h1 a {
color:#A3A089;
}
hr {
background-color:#CCCCCC;
border:0 none;
display:block;
height:1px;
}
small {
background-color:#ECECE6;
color:#817661;
display:block;
font-size:0.95em;
margin-bottom:5px;
padding:3px 6px;
}
small a {
color:#3A75AF;
font-weight:bold;
}
img, a:link img, a:visited img {
border:0 none;
}
#page {
background-color:#FFFFFF;
background-image:url(images/fond_pages.jpg);
background-repeat:repeat-y;
font-size:0.7em;
margin:0 auto;
padding:0 20px 20px;
width:880px;
}
#branding {
width:880px;
}
.left {
float:left;
}
.right {
float:right;
padding-top:8px;
}
#sidebar {
float:right;
width:250px;
}
#leftcol {
border-right:1px dotted #B6B6B6;
padding-right:18px;
width:287px;
}
#leftcol, #rightcol, #onglets {
float:left;
margin-top:10px;
}
#rightcol {
margin-top:-2px;
padding-left:18px;
width:277px;
}
.subnav li,.widget_recent_entries li,.widget_archive li {
border-bottom:1px solid #FFFFFF;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.subnav li a:link, .subnav li a:visited,.widget_recent_entries  li a:link,.widget_recent_entries   li a:visited,.widget_archive  li a:link,.widget_archive   li a:visited {
background-color:#EEF5E1;
background-image:url(images/picto-menu.gif);
background-position:left top;
background-repeat:no-repeat;
border-left:4px solid #E4EFD5;
display:block;
font-size:12px;
padding:4px 4px 4px 13px;
text-indent:0px;
}
.subnav li a:hover, .subnav li a:active,.widget_recent_entries  li a:hover,.widget_recent_entries li a:active,.widget_archive  li a:hover,.widget_archive li a:active  {
background:#E4EFD5 none repeat scroll 0 0;
color:#7DA939;
text-decoration:none;
}
.subnav li li a:link, .subnav li li a:visited ,.widget_recent_entries li li a:link,.widget_recent_entries li li a:visited,.widget_archive li li a:link,.widget_archive li li a:visited {
border-left:medium none;
}
h1 {
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
}
h2 {
color:#F981A2;
font-size:25px;
font-weight:bold;
margin:7px 0 5px;
}
h3, #sidebar h2 {
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
margin:0 0 2px;
}
#sidebar h3, #sidebar h2 {
background-color:#65CD0F;
border-bottom:3px solid #D1E98D;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
margin:10px 0 4px;
padding:6px 0 5px 0;
text-indent:5px;
text-transform:uppercase;
}
#sidebar h3 a {
color:#FFFFFF;
}
h3#respond {
margin-top:5px;
}
h3#comments {
margin-top:32px;
}
h4 {
font-size:18px;
font-weight:bold;
margin-bottom:4px;
margin-top:4px;
}
#pub {
margin-bottom:10px;
margin-top:10px;
}
#content {
float:left;
padding-left:5px;
width:605px;
}
.description {
color:#545454;
font-size:1.3em;
font-style:italic;
font-weight:bold;
margin-top:-4px;
}
.feature {
background-color:#ECECE6;
border-bottom:1px dotted #D2D2C1;
border-top:1px dotted #D2D2C1;
padding:10px;
}
.feature:hover {
background:#E2E2D7 none repeat scroll 0 0;
}
.feature p, #rightcol p {
font-size:12px;
margin:0 0 5px;
}
.feature img, #rightcol img {
border:1px solid #000000;
padding:1px;
}
#leadpic {
float:left;
margin:0 18px 0 0;
}
#lead {
margin-top:10px;
}
.title {
font-size:17px;
font-weight:bold;
line-height:115%;
}
#lead.feature .title {
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:bold;
line-height:100%;
padding-bottom:7px;
}
#leftcol .feature {
border-bottom:medium none;
margin-bottom:5px;
}
#rightcol img {
float:left;
margin:3px 10px 4px 0;
}
#leftcol img {
display:block;
margin-bottom:4px;
}
#rightcol .clearfloat {
border-bottom:1px dotted #B6B6B6;
padding:12px 0;
}
#sidelist li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#sidelist li a {
font-size:11px;
font-weight:bold;
line-height:18px;
}
.bullets li {
border-bottom:1px solid #FFFFFF;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#sidelist .bullets li {
line-height:115%;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-bottom:5px;
margin-left:22px;
}
#sidelist .children {
background:#E4EFD5 none repeat scroll 0 0;
}
#sidelist .children li {
border-bottom:1px solid #E4EFD5;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-left:28px;
}
#sidelist .children li a, #sidelist .children li a:visited {
background:#E4EFD5 none repeat scroll 0 0;
border:0 none;
color:#818D6F;
padding:2px 2px 2px 0;
}
#sidelist .children li a:hover, #sidelist .children li a:active {
color:#465D23;
}
.postmetadata {
margin:30px 0;
}
#writer {
background-color:#ECECE6;
margin:0 0 10px;
padding:10px;
}
#writer img {
border:1px solid #7DA939;
float:left;
padding:1px;
width:80px;
}
#writer span {
border-top:1px solid #CBD8B4;
display:block;
margin-top:12px;
padding-top:4px;
}
#writer p {
margin:0;
width:482px;
}
.entry {
padding-bottom:10px;
}
.entry p {
font-size:12px;
line-height:18px;
}
h3 a:link, h3 a:visited {
color:#669900;
}
h3 a:hover, h3 a:active {
color:#6C6545;
}
.picleft {
border:7px solid #F2F2F2;
float:left;
margin:3px 14px 10px 0;
}
.picright {
border:7px solid #F2F2F2;
float:right;
margin:3px 0 10px 14px;
}
.post blockquote {
background:#F2F2F2 none repeat scroll 0 0;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
color:#76767A;
margin:18px 35px;
padding:6px 14px;
}
.post ul li {
line-height:115%;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-bottom:5px;
margin-left:42px;
}
.post ol li {
line-height:115%;
margin-bottom:5px;
margin-left:48px;
}
#tags {
border-top:1px solid #DDDDDD;
margin-bottom:2px;
margin-top:4px;
padding:2px;
}
#widgetblock {
background-color:#FFFFFF;
background-image:url(images/fond-widgetblock.gif);
background-position:center bottom;
background-repeat:repeat-x;
padding-bottom:5px;
}
#widgetblock a {
color:#4082A9;
padding-left:5px;
}
select {
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid #9C9C9C;
width:100%;
}
#searchform {
padding:16px 5px 0 0;
}
.button {
background-color:#D3D1C4;
border:1px solid #928F7A;
color:#686656;
padding:1px;
}
.button:hover {
background:#777777 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
#commentform input {
margin:2px 0;
width:170px;
}
#commentform textarea {
margin-top:1px;
width:100%;
}
.commentlist {
padding-left:30px;
}
.commentlist li {
background:#F2F2F2 none repeat scroll 0 0;
border-top:1px solid #DDDDDD;
margin:15px 0 3px;
padding:8px 15px 10px;
}
#commentform small {
background:#FFFFFF none repeat scroll 0 0;
font-weight:bold;
padding:0;
}
.commentmetadata {
display:block;
}
.commentlist small {
background:#E9E9E9 none repeat scroll 0 0;
}
.commentlist cite {
-x-system-font:none;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-0.05em;
line-height:normal;
}
.clearfloat:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfloat {
display:inline-block;
}
.clearfloat {
display:block;
}
#footer {
background-image:url(images/fond-footer.gif);
color:#000000;
font-size:0.6em;
letter-spacing:1px;
margin:0 auto;
padding-bottom:21px;
padding-top:25px;
text-align:center;
width:920px;
}
#footer a {
color:#000000;
}
.download, .code, .note, .alert, .new, .construction, .information {
-moz-border-radius-bottomleft:16px;
-moz-border-radius-bottomright:16px;
-moz-border-radius-topleft:16px;
-moz-border-radius-topright:16px;
background-position:15px 10px;
background-repeat:no-repeat;
font-size:1em !important;
line-height:115%;
margin:10px auto;
padding:10px 10px 10px 50px;
text-align:left;
}
ul.download, ul.code, ul.note, ul.alert, ul.new, ul.construction, ul.information {
font-size:1em !important;
line-height:115%;
list-style-position:inside;
list-style-type:disc;
padding:10px 10px 10px 50px;
}
ol.download, ol.code, ol.note, ol.alert, ol.new, ol.construction, ol.information {
font-size:1em !important;
line-height:115%;
list-style-position:inside;
list-style-type:decimal;
padding:10px 10px 10px 65px;
}
dl.download, dl.code, dl.note, dl.alert, dl.new, dl.construction, dl.information {
font-size:1em !important;
line-height:115%;
padding:10px 10px 10px 50px;
}
dl.download dt, dl.code dt, dl.note dt, dl.alert dt, dl.new dt, dl.construction dt, dl.information dt {
font-size:1.2em !important;
font-weight:bold;
line-height:115%;
}
dl.download dd, dl.code dd, dl.note dd, dl.alert dd, dl.new dd, dl.construction dd, dl.information dd {
line-height:115%;
list-style-type:disc;
}
.download {
background-color:oldLace;
background-image:url(images/package_go.png);
border:2px solid #008800;
}
.download a, .download a:visited {
color:green;
}
.download a:hover {
color:red;
}
.code {
background-color:oldLace;
background-image:url(images/application_osx_terminal.png);
border:2px solid #888888;
font-family:'Courier New',Courier,Fixed;
}
.alert {
background-color:oldLace;
background-image:url(images/exclamation.png);
border:2px solid #880000;
}
.new {
background-color:oldLace;
background-image:url(images/new.png);
border:2px solid #884400;
}
.construction {
background-color:oldLace;
background-image:url(images/error.png);
border:2px solid #888800;
}
.information {
background-color:oldLace;
background-image:url(images/information.png);
border:2px solid #000088;
}
.note {
background-color:oldLace;
background-image:url(images/page_white_text.png);
border:2px solid #888888;
}
.callout {
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#CCCCCC;
font-size:1.4em !important;
margin:10px 20px;
padding:10px;
text-align:justify;
}
.download2, .code2, .note2, .alert2, .new2, .construction2, .information2 {
background-position:15px 10px;
background-repeat:no-repeat;
font-size:1.2em !important;
line-height:115%;
margin:10px auto;
padding:10px 10px 10px 50px;
text-align:left;
}
ul.download2, ul.code2, ul.note2, ul.alert2, ul.new2, ul.construction2, ul.information2 {
font-size:1em !important;
line-height:115%;
list-style-position:inside;
list-style-type:disc;
padding:10px 10px 10px 50px;
}
ol.download2, ol.code2, ol.note2, ol.alert2, ol.new2, ol.construction2, ol.information2 {
font-size:1em !important;
line-height:115%;
list-style-position:inside;
list-style-type:decimal;
padding:10px 10px 10px 65px;
}
dl.download2, dl.code2, dl.note2, dl.alert2, dl.new2, dl.construction2, dl.information2 {
font-size:1em !important;
line-height:115%;
padding:10px 10px 10px 50px;
}
dl.download2 dt, dl.code2 dt, dl.note2 dt, dl.alert2 dt, dl.new2 dt, dl.construction2 dt, dl.information2 dt {
font-size:1.2em !important;
font-weight:bold;
line-height:115%;
}
dl.download2 dd, dl.code2 dd, dl.note2 dd, dl.alert2 dd, dl.new2 dd, dl.construction2 dd, dl.information2 dd {
line-height:115%;
list-style-type:disc;
}
.download2 {
background-color:#335533;
background-image:url(images/package_go.png);
border-bottom:2px solid #338833;
border-top:2px solid #338833;
}
.download2 a, .download2 a:visited {
border-bottom:2px dotted #33FF33;
color:#33FF33;
text-decoration:none !important;
}
.download2 a:hover {
border-bottom:2px dotted #33CC33;
color:#33CC33;
text-decoration:none !important;
}
.code2 {
background-color:#444444;
background-image:url(images/application_osx_terminal.png);
border-bottom:2px solid #AAAAAA;
border-top:2px solid #AAAAAA;
font-family:'Courier New',Courier,Fixed;
}
.alert2 {
background-color:#553333;
background-image:url(images/exclamation.png);
border-bottom:2px solid #FF3333;
border-top:2px solid #FF3333;
}
.new2 {
background-color:#664433;
background-image:url(images/new.png);
border-bottom:2px solid #FF9933;
border-top:2px solid #FF9933;
}
.construction2 {
background-color:#555533;
background-image:url(images/error.png);
border-bottom:2px solid #FFFF33;
border-top:2px solid #FFFF33;
}
.information2 {
background-color:#333355;
background-image:url(images/information.png);
border-bottom:2px solid #3333FF;
border-top:2px solid #3333FF;
}
.note2 {
background-color:#444444;
background-image:url(images/page_white_text.png);
border-bottom:2px solid #AAAAAA;
border-top:2px solid #AAAAAA;
}
#home #home-categories {
clear:left;
display:block;
float:left;
margin:0 0 10px;
width:610px;
}
.tabs-block {
clear:left;
display:block;
float:left;
margin:0 0 10px;
padding:0;
width:300px;
}
.tabbed {
background:transparent none repeat scroll 0 0;
border:medium none;
margin:0;
overflow:hidden;
padding:0;
width:100%;
}
.tabbed ul.tabs {
background:transparent none repeat scroll 0 0;
display:block;
left:0;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:relative;
top:0;
width:100%;
z-index:999;
}
.tabbed ul.tabs li {
display:inline;
float:left;
margin:0 0.3em 0 0;
padding:0;
}
.tabbed ul.tabs li a {
background-color:#D5EEFF;
border:1px solid #DBEABF;
display:block;
font-size:13px;
font-weight:bold;
margin:0;
padding:4px 0.8em;
}
.tabs-block ul.tabs li a {
padding:5px 0.7em;
}
.tabbed ul.tabs li a:hover {
background:#E4EFD5 none repeat scroll 0 0;
text-decoration:none;
}
.tabbed ul.tabs li a.tab-current {
background-color:#EEF5E1;
border-bottom:1px solid #DBEABF;
}
.tabs-block .tabbed div, #home .tabbed .c {
background-color:#EEF5E1;
border:1px solid #DBEABF;
clear:left;
display:none;
left:0;
margin:0;
overflow:hidden;
padding:5px 0;
position:relative;
top:-1px;
width:100%;
z-index:0;
}
div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10 {
display:none;
}
.tabs-block .tabbed div.t1, #home .tabbed div.c1 {
display:block;
}
.tabs-block .tabbed div {
width:298px;
}
.tabbed div ul {
background:#FFFFFF none repeat scroll 0 0;
margin:0;
overflow:hidden;
padding:4px 0 2px;
}
.tabbed div ul li {
background:transparent none repeat scroll 0 0;
clear:left;
}
.tabbed div ul li a {
background:transparent none repeat scroll 0 0;
border:medium none;
display:block;
font-weight:normal;
padding:2px 0 2px 12px;
width:97%;
}
.tabbed div ul li a:hover {
text-decoration:underline;
}
#home-categories {
overflow:hidden;
}
#home .tabbed .c {
width:600px;
}
.tabbed .post {
clear:none;
float:left;
margin:5px 1%;
padding:0;
width:100%;
}
.tabbed .post img {
border:1px solid #000000;
float:right;
margin:3px 10px 4px 0;
padding:1px;
}
.tabbed .post h3 {
font-size:1em;
margin:0 0 0 5px;
padding:0;
text-transform:capitalize;
width:100%;
}
.tabbed .post h3 a {
color:#7DA939;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:bold;
letter-spacing:0;
}
.tabbed .post h3 a:hover {
color:#000000;
font-weight:bold;
}
.tabbed .post .entry {
margin:0 0 0 5px;
padding:0;
}
.tabbed .post .entry p {
font-size:12px;
margin:0;
padding:0;
}
.post2 a img {
border:1px solid #B4AF9E;
float:left;
margin:3px 10px 0 0;
padding:1px;
}
#featured {
padding:5px;
}
#myGallery {
font-size:18px;
margin:4px;
}
#introIMG {
float:left;
height:150px;
margin-right:8px;
overflow:hidden;
width:150px;
}
#introIMG img {
border:1px solid #BDBDBD;
padding:4px;
}
img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}
img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}
.attached-image {
float:right;
}