/*  

Theme Name: Beta 23 ( finale)

Theme URI: 

Description: Design nouveau avec flash inclus pour présenter les compétences. Couleurs dominantes Blanc/Noir/Vert (+nuance de gris/degrade)

Version: 3.4+

Author: Société 23ème Homme

Author URI: http://www.23eme-homme.fr/

*/


/*---------------------------GENERAL -----------------------------*/
*  {
margin:0;
padding:0;
}
img {
border:0 none !important;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
body#page a:link, body#page a:visited {
color:#7CA621;
}
body#page a:hover {
color:#FFFFFF;
text-decoration:underline;
}
body {
font-family:Arial;
font-size:62.5%;
}
body#index {
background:url("images/bg-index.jpg") repeat-x scroll 0 0 #454545;
}
body#page {
background:url("images/bg-pages.jpg") repeat-x scroll 0 0 #3C3C3C;
}
#base {
background:url("images/left-shadow.jpg") no-repeat scroll 0 0 transparent;
margin-left:auto;
margin-right:auto;
width:980px;
}
body#page #base {
background:url("images/left-ombre.png") repeat-y scroll 0 0 transparent;
}
#wrapper {
background:url("images/right-shadow.jpg") no-repeat scroll right top transparent;
margin-left:45px;
padding-right:45px;
}
body#page #wrapper {
background:url("images/right-ombre.png") repeat-y scroll right 0 transparent;
margin-bottom:0;
}
#header {
background:url("images/head.jpg") no-repeat scroll 0 0 transparent;
height:172px;
}
#header div#main h1 a {
display:block;
height:145px;
left:0;
position:relative;
top:0;
width:890px;
}
#header div#main h1 a span {
display:none;
}
#header > span {
display:none;
}
#menu {
background:none repeat scroll 0 0 #212121;
color:#FFFFFF;
float:right;
margin-left:auto;
position:relative;
top:-20px;
}
#menu ul li {
display:inline;
}
#flash {
height:244px;
padding:0 25px;
}
#animation {
height:210px;
width:840px;
}
#animation span {
display:none;
}
#animation object {
position:relative;
top:-10px;
}
body#page #entete {
background:url("images/bg-entete.png") no-repeat scroll 0 0 transparent;
height:58px;
margin-bottom:20px;
padding:3px 0 7px 0;
}
body#page #entete #maintitle h1 {
height:33px;
padding-left:15px;
}
.archive #entete #maintitle h1 {
color:#999999;
font-size:2.8em;
font-weight:normal;
}
body#page #entete #maintitle h1 a {
font-size:1.4em;
font-weight:normal;
}
body#page #entete #maintitle h1 a:link, body#page #entete #maintitle h1 a:visited {
color:#999999;
}
body#page #entete #maintitle h1 a:hover {
color:#7CA621;
}
#sous-entete {
font-size:100%;
padding-left:155px;
padding-top:10px;
}
#sous-entete span {
color:#000000;
font-size:13px;
font-weight:bold;
}
#sous-entete span a:link, #sous-entete span a:visited {
color:#FFFFFF;
}
#sous-entete span a:hover {
color:#000000;
}
#container {
width:100%;
}
#index #container {
background:url("images/content.jpg") no-repeat scroll 2px 0 transparent;
height:200px;
padding-top:45px;
}
body#page #container {
background:url("images/degrade.png") no-repeat scroll center 0 #000000;
height:100%;
min-height:600px;
padding-bottom:25px;
padding-top:0;
}
#information {
float:left;
height:155px;
padding-left:15px;
width:205px;
}
body#page #info {
padding-left:20px;
}
#info {
font-family:Myriad Pro,Arial;
font-size:1.4em;
}
#info p {
line-height:1.4em;
}
#info p span {
font-weight:bold;
}
#info p > span:first-child {
font-size:1.4em;
}
#info a:link, #info a:visited {
color:#000000;
}
#info a:hover {
color:#666666;
text-decoration:underline;
}
body#page #info a:link, body#page #info a:visited {
color:#FFFFFF;
}
body#page #info a:hover {
text-decoration:underline;
}
#devis a {
display:block;
height:52px;
position:relative;
top:3px;
width:115px;
}
#devis a:link, #devis a:visited {
background:url("images/bt-devis.gif") no-repeat scroll 0 0 transparent;
}
#devis a:hover {
background-position:0 -53px;
}
#devis a span {
display:none;
}
#creation {
float:right;
height:155px;
padding-right:15px;
top:-180px;
width:295px;
}
#creation > p {
display:none;
}
#index #content {
height:150px;
overflow-y:auto;
padding-right:10px;
width:330px;
}
body#page #content {
float:left;
padding-left:50px;
width:495px;
}
body#page #content p a.post-edit-link {
font-size:1.2em;
}
body#page #content p a.post-edit-link:link, body#page #content p a.post-edit-link:visited {
color:#FFFFFF;
}
body#page #content p a.post-edit-link:hover {
}
body#page #content > a {
font-size:1.3em;
font-weight:bold;
padding:0 5px;
}
body#page #content > a:link {
color:#FFFFFF;
}
body#page #content > a:visited {
color:#BBBBBB;
}
body#page #content > a:hover {
text-decoration:underline;
}
.post_content {
font-size:1.2em;
margin-bottom:30px;
padding-left:2px;
}
.post {
text-align:justify;
}
.post h2 {
font-size:2.4em;
font-weight:bold;
text-align:left;
}
body#page .post_content {
color:#CCCCCC;
font-family:Arial;
margin-bottom:0;
text-align:justify;
}
body#page.single .post_content {
margin-bottom:60px;
}
body#page .post_content h1 {
color:#FFFFFF;
font-size:1.8em;
margin-bottom:0;
}
body#page .post_content h2 {
color:#7CA621;
font-size:1.4em;
margin:2px 0;
}
body#page .post_content h3 {
color:#BBBBBB;
font-size:1.3em;
margin-bottom:0;
}
body#page .post_content p {
font-size:1.1em;
margin:5px 0 20px;
}
body#index #content div.post h2 a {
font-size:0.7em;
}
body#index #content div.post h2 a:link, #content h2 a:visited {
color:#7CA621;
text-decoration:none;
}
body#index #content div.post h2 a:hover {
color:#666666;
text-decoration:underline;
}
body#page #content .post h2 a:link {
color:#FFFFFF;
}
body#page #content .post h2 a:visited {
color:#BBBBBB;
}
body#page #content .post h2 a:hover {
color:#7CA621;
text-decoration:underline;
}
body#page #content .post .post_content p a:link, body#page #content .post .post_content p a:visited {
font-weight:bold;
}
body#page #content .post .post_content h1 a:link, body#page #content .post .post_content h1 a:visited, body#page #content .post .post_content h2 a:link, body#page #content .post .post_content h2 a:visited, body#page #content .post .post_content h3 a:link, body#page #content .post .post_content h3 a:visited, body#page #content .post .post_content p a:link, body#page #content .post .post_content p a:visited {
color:#7CA621;
}
body#page #content .post .post_content h1 a:hover, body#page #content .post .post_content h2 a:hover, body#page #content .post .post_content h3 a:hover, body#page #content .post .post_content p a:hover {
color:#FFFFFF;
text-decoration:underline;
}
body#page #colonne-droite {
color:#CCCCCC;
float:right;
width:290px;
}
.clearing {
clear:both;
}
#index .sidebar {
display:none;
}
#page .sidebar {
font-family:Trebuchet MS,Arial;
}
#page .sidebar ul li {
list-style-type:none;
}
#page .sidebar ul li div div {
border-color:#212121;
border-style:none solid;
border-width:medium 1px;
margin-left:4px;
padding-left:22px;
width:222px;
}
#page .sidebar ul li div div a {
font-size:2em !important;
font-weight:bold;
}
#page .sidebar h3 {
background:url("images/bg-sidebar-h3.png") no-repeat scroll 0 0 transparent;
color:#000000;
font-size:1.5em;
font-weight:bold;
height:18px;
margin:0 0 0 4px;
padding:4px 0 3px 9px;
width:237px;
}
#page .sidebar ul li div ul {
border-color:#212121;
border-style:none solid;
border-width:medium 1px;
margin:0 0 0 4px;
width:244px;
}
#page .sidebar ul li div ul li {
list-style-type:none;
padding-left:20px;
}
#page .sidebar ul li div ul li a {
cursor:pointer;
font-size:1.3em;
margin:0;
padding:5px 5px 1px 0;
text-decoration:none;
width:217px;
}
#page .sidebar ul li div ul li a:link, #page .sidebar ul li div ul li a:visited {
color:#999999;
}
#page .sidebar ul li div ul li a:hover {
color:#7CA621;
}
#page .sidebar ul li div ul li ul {
border:0 none;
width:217px;
}
#page .sidebar ul li div.bottomblock {
background:url("images/bg-sidebar-down.png") no-repeat scroll 0 0 transparent;
height:7px;
margin:0 0 25px 4px;
width:246px;
}
#page .sidebar ul li div #calendar_wrap {
padding-left:16px;
padding-right:6px;
}
#page .sidebar table#wp-calendar {
font-family:Arial;
width:210px;
}
#page .sidebar table#wp-calendar caption {
color:#7CA621;
font-size:1.6em;
font-weight:bold;
padding-left:5px;
}
#page .sidebar table#wp-calendar thead tr th {
color:#FFFFFF;
font-size:14px;
}
#page .sidebar table#wp-calendar tfoot tr td {
font-size:11px;
font-weight:normal;
}
#page .sidebar table#wp-calendar tbody {
text-align:center;
}
#page .sidebar table#wp-calendar tfoot tr td a:link, #page .sidebar table#wp-calendar tfoot tr td a:visited {
color:#666666;
}
#page .sidebar table#wp-calendar tfoot tr td a:hover {
color:#7CA621;
text-decoration:underline;
}
#page .sidebar table#wp-calendar tbody tr td {
color:#999999;
font-size:12px;
}
#page .sidebar table#wp-calendar tbody tr td a {
font-size:14px !important;
font-weight:bold;
}
#page .sidebar table#wp-calendar tbody tr td a:link {
color:#CCCCCC;
}
#page .sidebar table#wp-calendar tbody tr td a:visited {
color:#999999;
}
#page .sidebar table#wp-calendar tbody tr td a:hover {
text-decoration:underline;
}
#creative {
height:70px;
margin-bottom:25px;
width:245px;
}
#creative a {
background:url("images/bt-creative.png") no-repeat scroll center top transparent;
display:block;
height:70px;
margin-bottom:25px;
width:245px;
}
#creative a:link, #creative a:visited {
background-position:center top;
}
#creative a:hover {
background-position:center -70px;
}
#creative a span {
display:none;
}
#rss {
height:35px;
margin-bottom:25px;
padding:5px;
}
#rss p {
display:block;
font-family:Trebuchet MS,Arial;
font-size:1.1em;
margin-left:80px;
padding:7px 0 10px 10px;
width:160px;
}
#rss a {
background:url("images/bt-rss.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:45px;
width:80px;
}
#rss a:hover {
background-position:0 -45px;
}
#rss a span {
display:none;
}
#footer {
color:#FFFFFF;
font-family:Myriad Pro,Arial;
text-align:center;
}
#index #footer-container {
background:url("images/bg-footer-index1.jpg") repeat-x scroll 0 0 transparent;
}
#index #footer {
background:url("images/bg-footer-index2.jpg") no-repeat scroll center top transparent;
height:65px;
padding:20px 0;
}
body#page #footer-container {
background:url("images/bg-footer-page1.png") repeat-x scroll 0 -7px transparent;
}
body#page #footer {
background:url("images/bg-footer-page2.png") no-repeat scroll center -7px transparent;
height:55px;
margin-top:0;
padding:15px 0;
}
#footer p {
font-size:1.3em;
}
#footer p:first-child {
font-size:1.5em;
}
#footer p a {
font-size:14px;
}
#footer a:link, #footer a:visited {
color:#FFFFFF !important;
}
#footer a:hover {
text-decoration:underline;
}
.competences.left {
background:url("images/bg-skill-left.png") no-repeat scroll left top transparent;
margin-left:auto;
margin-right:auto;
margin-top:25px;
width:900px;
}
.competences.right {
background:url("images/bg-skill-right.png") no-repeat scroll right top transparent;
margin-left:60px;
padding-right:60px;
}
.categorie {
font-family:Arial;
height:155px;
margin-bottom:15px;
text-align:justify;
width:355px;
}
.pair {
float:left;
}
.impair {
float:right;
}
.categorie h1 {
font-size:3em;
}
.categorie p {
color:#CCCCCC;
font-size:1.2em;
line-height:21px;
}
.categorie h1 a:link, .categorie h1 a:visited {
color:#333333;
}
.categorie h1 a:hover {
color:#7CA621;
}
#index .postmetadata {
color:#999999;
font-size:1.4em;
margin-bottom:10px;
}
body#page #content .post .postmetadata {
color:#FFFFFF;
font-size:1.4em;
margin-bottom:30px;
}
body#page #content .post .postmetadata span a {
}
body#page #content .post .postmetadata span.kategori a {
font-size:1.1em;
font-weight:bold;
}
body#page #content .post .postmetadata span.com_visit a {
font-size:0.7em;
}
body#page #content .post .postmetadata span a:link, body#page #content .post .postmetadata span a:visited {
color:#7CA621;
}
body#page #content .post .postmetadata span a:hover {
text-decoration:underline;
}
#respond #comment {
width:495px;
}
.nocomments {
color:#999999;
font-size:1.1em;
}
body#page #entete {
margin-bottom:25px !important;
width:890px;
}
body#page #maintitle {
position:absolute;
top:177px;
width:890px;
}
body#page #sous-entete {
margin-top:32px;
}
#creative a {
background:url("images/bt-creative.png") no-repeat scroll center top transparent;
display:block;
height:70px;
width:245px;
}
#creative a:link, #creative a:visited {
background-position:center top;
}
#creative a:hover {
background-position:center -70px;
}
#creative a span {
display:none;
}
#page .post_content ul li {
margin-left:50px;
padding:3px 0;
}
#page .post_content a.btview {
background:url("images/view-boutons.png") no-repeat scroll 0 0 transparent;
display:block;
font-size:0;
height:60px;
width:200px;
}
#page .post_content a.btview span {
display:none;
}
#page .post_content a.web:link, #page .post_content a.web:visited {
background-position:0 top;
}
#page .post_content a.edition:link, #page .post_content a.edition:visited {
background-position:-200px top;
}
#page .post_content a.publicite:link, #page .post_content a.publicite:visited {
background-position:-400px top;
}
#page .post_content a.conseil:link, #page .post_content a.conseil:visited {
background-position:-600px top;
}
#page .post_content a.formation:link, #page .post_content a.formation:visited {
background-position:-800px top;
}
#page .post_content a.web:hover {
background-position:0 -60px;
}
#page .post_content a.edition:hover {
background-position:-200px -60px;
}
#page .post_content a.publicite:hover {
background-position:-400px -60px;
}
#page .post_content a.conseil:hover {
background-position:-600px -60px;
}
#page .post_content a.formation:hover {
background-position:-800px -60px;
}
img.imgtfe {
margin-right:10px;
}
.alignleft {
float:left;
margin-right:10px;
}
.alignright {
float:right;
margin-left:10px;
}
#content > p {
clear:both;
}

.wp-caption {
border:2px solid #333333;
margin:0 auto 20px;
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
text-align:center;
background-color:#000000;
}
.wp-caption p {
font-style:italic;
margin:5px 0 10px;
text-align:center;
color:#666666;
}