/*
 Theme Name: BiTWiiN Info Retraite
 Description: Theme pour le blog de BiTWiiN Info Retraite
 Version: 1.0
 Author: Georget Julien
 Tags: fixed width, rigth sidebar, two columns, valid XHTML strict
 */ * {
    margin: 0;
    padding: 0;
    outline: none;
}

html {
    font-family: Arial, Helvetica, sans-serif;
    background: url(./images/background_blog.png);
}

/*conteneur principal*/
div#wrapper {
    position: relative;
    background: white;
    width: 986px;
    margin: 0 auto;
}

/*header*/
h1 {
    float: left;
    position: relative;
    background: url(./images/banniere.jpg) no-repeat;
    width: 674px;
    height: 297px;
}

h1 a {
    position: absolute;
	top:0;
	left:0;
    width: 674px;
    height: 297px;
    text-indent: -9999px;
}

#lien_blog {
    float: left;
    position: relative;
    width: 312px;
    height: 297px;
    background: url(./images/lien_blog.jpg) no-repeat;
}

#lien_blog a {
    position: absolute;
	top:0;
	left:0;
    width: 312px;
    height: 297px;
    text-indent: -9999px;
}

#lien_blog:hover {
    background-position: 0 -297px;
}

#slogan_bitwiin {
    position: absolute;
    top: 0;
    right:0;
    width: 947px;
    height: 26px;
    background: url(./images/background_slogan.jpg) repeat-x;
    color: #FFFFFF;
    padding: 2px 0 0 35px;
}

#slogan_bitwiin span {
    font-weight: bold;
}

#informations_bitwiin {

	position: absolute;
    top: 0;
    right: 10px;
    background:red url(./images/background_renseignement.jpg) repeat-x;
    width: 249px;
    height: 26px;
    border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    padding: 2px 0 0 0;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
}

#telephone_bitwiin {
    position: absolute;
    top: 28px;
    right: 10px;
    background: url(./images/background_telephone.jpg) no-repeat;
    width: 255px;
    height: 27px;
    color: #383838;
    font-weight: bold;
    padding: 5px 0 0 0;
    text-align: center;
    font-size: 15px;
}

#mot_clef_bitwiin {
    position: absolute;
    top: 150px;
    left: 35px;
    width: 650px;
    color: #555555;
    font-weight: bold;
}

#mot_clef_bitwiin a {
    color: #555555;
}

#mot_clef_bitwiin a:hover {
    color: #777777;
}

/*Menu*/
#menu ul {
    list-style-type: none;
}

#menu ul li {
    float: left;
    position: relative;
    margin: 0 1px 0 2px;
    width: 243px;
    height: 46px;
}

#menu ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 243px;
    height: 41px;
    background: url(./images/bouton.jpg);
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    padding-top: 5px;
}

#menu ul li a:hover {
    background-position: 0 -46px;
    padding-top: 10px;
    height: 36px;
}

#ss_titre {
    clear: both;
    background: url(./images/ss_titre.jpg) no-repeat;
    width: 986px;
    height: 42px;
	text-align:center;
	padding:10px 0 0 0;
	color:#FFFFFF;
}

#ss_titre a
{
	color: #FFFFFF;
	text-decoration:none;
	margin:0 5px 0 5px;
}
/*fin header*/
/*Barre gauche*/
#sidebar {
    float: left;
    position: relative;
    width: 305px;
    background: white;
    padding: 0 0 20px 5px;
	margin-top:10px;
}

#sidebar_menu{
	width:300px;
	position:relative;
}

#sidebar_menu a{
	width:280px;
	display:inline-block;
	background:#d3d3d3 url(./images/puce_menu.jpg) no-repeat;
	background-position:5px 12px;
	padding:5px 0 5px 20px; 
	border-bottom:1px solid black;
	text-decoration:none;
	color:#3e3e3e;
}

#sidebar_menu a:hover{
	background:#a3a3a3 url(./images/puce_menu_hover.jpg) no-repeat;
	background-position:5px 12px;
	color:#ffffff;
}

#sidebar_menu ul li {
	list-style-type: none;
}
/*Fin barre gauche*/
/*Affichage article*/
#contenu {
    float: left;
    position: relative;
    width: 676px;
}

.article {
    padding: 10px 0 10px 0;
}

.article a {
    color: #94C62E;
    font-weight: bold;
}

.article a:hover {
    color: #7faa28;
}

.article_bande_verte {
    width: 100%;
    height: 6px;
    background: #94c62e;
}

.article h2 {
    padding: 0 0 5px 10px;
}

.article h2 a {
    color: #3c3c3c;
    text-decoration: none;
}

.article_sstitre_lien {
    padding-bottom: 10px;
}

.article_sstitre_lien a {
    color: #3c3c3c;
    text-decoration: none;
    font-size: small;
}

.article_contenu {
    position: relative;
    width: 666px;
    padding: 0 10px 10px 0;
    color: #3c3c3c;
}

.article_contenu ol {
    padding-left: 20px;
}

.article_contenu ul {
    padding-left: 44px;
}

.article_contenu p {
    margin: 0.5em 1em;
}
/*Fin article*/
/*Commentaires*/
.postmetadata {
    font-size: small;
}

#commentaires {
    width: 666px;
    padding: 0 10px 10px 0;
    color: #383838;
}

#comments {
    color: #3C3C3C;
    padding-bottom: 10px;
}

#commentaires ol {
    padding-left: 20px;
}

#commentaires ol li {
    padding-bottom: 20px;
}

.commentlist {
    clear: both;
}

.comment-meta a {
    color: #3C3C3C;
}

#respond h3 {
    clear: both;
    color: #3C3C3C;
    padding-bottom: 10px;
}

#respond input {
    margin-bottom: 5px;
}

/*Fin commentaires*/
/*Recherche*/
#recherche_erreur h2 {
    color: #3C3C3C;
}

#recherche_erreur hr {
    width: 100%;
    height: 6px;
    background: #94c62e;
    border: none;
}

#recherche_erreur p {
    padding: 10px 0 10px 0;
}

/*Fin recherche*/
/*Footer*/
#footer {
    width: 971px;
    background: #cbcbcb;
    margin-bottom: 10px;
    padding: 10px 0 10px 15px;
}

#footer ul {
    list-style-type: none;
}

.linkcat {
    float: left;
    margin-left: 20px;
    color: #3a3a3a;
    width: 280px;
}

.linkcat h2 {
    font-size: medium;
}

.blogroll li {
    position: relative;
    border-bottom: 1px dotted #3a3a3a;
    padding-top: 5px;
    width: 280px;
    height: 22px;
}

.blogroll li a {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 5px;
    color: #3a3a3a;
    text-decoration: none;
    font-size: small;
    width: 280px;
    height: 22px;
}

.blogroll a:hover, .blogroll li:hover {
    background: #6d6d6d;
    color: #FFFFFF;
}

.clear {
    clear: both;
}

.alignleft a {
    float: left;
}

.alignright a {
    float: right;
}

.alignleft a, .alignright a {
    color: #FF7500;
    padding-bottom: 10px;
}

.alignright a:hover, .alignleft a:hover {
    color: #FFA200;
}

/*Fin footer*/
/*style wordpress*/
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
}

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