/*
Theme Name: Blog-portfolio
Description: le th�me de mon portfolio
Version: 4.0
Author: Mat
*/
body{
margin:0;
padding:0;
text-align:center;
background-image:url(images/fond_site.jpg);}
p{
padding:5px 0;
margin:0}
#site{
text-align:left;
margin:auto;
width:951px;
background:#c3ac01;
overflow:auto;}
img{
border:0;}
a{
color:#3cd600;
font-weight:bold;
text-decoration:none}
a:visited{
color:#32b200}
p, a, strong{
font-family:Arial, Helvetica, sans-serif;
font-size:11px}
a.code{
background:url(images/puce.jpg) no-repeat 0 0;
padding-left:25px;
color:#4c4c4c;
cursor:pointer
}
#slogan{
text-align:center;
position:absolute;
margin-top:150px;
margin-left:210px;
width:290px;}
#slogan *{
color:#4a6402;
font-weight:bold;
font-size:14px;}
#menu{
background:#ff6700;
height:72px;
clear:both;
padding:0;
margin:0 0 25px 0;}
#menu ul{
margin:0;
padding:0;
height:26px;
}
#menu ul li{
float:left;
list-style:none;
background:#333333;
text-align:center;
margin:0;
height:26px;
padding:5px
}
#menu ul li.current-cat{
background:#FFFFFF}
#menu ul li.current-cat a{
color:#ff0000}
#menu ul li a{
color:#FFF;
font-size:11px;
line-height:26px;
}
a:hover{
text-decoration:underline}
#menu ul.children{
position:absolute;
display:none;
}
#menu ul.children li{
float:none
}
#image_page{
float:left;
margin:0px 15px}
/*bordures d'image*/
.bordure_img{
border:#727272 4px solid;
padding:2px;
background:#FFFFFF;
float:right;
margin-left:15px;
width:430px;
overflow:hidden}
.bordure_img img{
border:#868686 1px solid;
margin:0;
padding:0;}
/* BD */
.voir_bd{
position:absolute;
z-index:5;
padding-top:15px;
padding-bottom:15px;
width:97px;
background:#3cd600;
text-align:center;
margin-left:525px;
margin-top:160px}
.voir_bd a{
text-transform:uppercase;
color:#d2025c;}
/* titre news*/
#titre_news{
width:593px;
background:#FFFFFF;
padding:0;
margin-left:93px;
margin-bottom:15px;}
h1{
margin:0 0 20px 0;
}
h2,h3,h4{
color:#d22c00;
font-family:Arial, Helvetica, sans-serif;}
h2{
font-size:18px;
font-weight:bold}
h3{
font-size:14px;
font-weight:bold}
h4{
font-size:12px;
font-weight:normal}
h1 a,h1 a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
padding:0;
color:#000000;}
#titre_news h1{
margin:0px;
padding:15px;}
#titre_news h1 a{ margin:10px;}
#news{
position:absolute;
margin-top:-79px;
margin-left:-19px}
#retour .infos_news,#retour .infos_art_titre,#retour .infos_news p,#retour .infos_art_titre p{
text-align:right;
font-size:11px;
}
.infos_art_titre{
margin-bottom:5px;
padding:10px 0;
}
h2 a{
font-size:24px;
color:#000
}
h2 a:visited{
color:#111}
.infos_news *,.infos_art_titre *{
margin:0;
padding:0;
list-style:none;
font-weight:normal
}
.infos_news p,.infos_art_titre p{
color:#6f6f6f;
}
.infos_news{
height:55px}
.tt_lire{
float:right}
.le_resume{
color:#4c4c4c;
font-size:12px;
width:180px;
text-align:justify;
font-weight:bold
}
.single{
height:220px;
font-weight:bold;}
.resum_art{
font-weight:bold;}
.infos_art_titre{
float:right;
width:150px}
ul.bloc_acc li{
list-style:none;
padding:10px;
margin:0 20px 26px 0;
width:646px;
background:#ae00a4;
color:#fff
}
ul.bloc_acc li h1 a ,ul.bloc_acc li h1 a:visited,ul.bloc_acc li h1 {
color:#fff;
margin:0;
padding:0;
}
.fin_art_cat{
margin-bottom:25px;
}
.nav_art{
height:102px;
}
.tags{
color:#3cd600;
width:440px}
/* COMM */
#com-tete{
background-image:url(images/commentaires.jpg);
background-position:top left;
background-repeat:no-repeat;
width:620px;
height:89px;
margin-top:25px;
}
#commentaires{
width:620px;
background:url(images/bg-com.jpg);
text-align:center;
margin-bottom:30px;
}
#retour #commentaires p{
text-align:center}
#commentaires *{
color:#FFFFFF
}
p.nocom{
margin:0}
#commentaires input{
text-transform:uppercase;
color:#c90000;
font-weight:bold;
font-size:14px;
font-family:Arial, Helvetica, sans-serif
}
#comment{
color:#c90000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif
}
.id_internaute{
margin-top:55px}
#retour #respond{
text-align:left;
margin:0 0 0 19px;
padding-bottom:12px;
background:url(images/laisser-un-commentaire.jpg) no-repeat left bottom;
padding-left:290px;
padding-top:25px
}
#le_formulaire_de_com{
width:220px;
}
#comment{
height:50px;
}
#comment,#respond input{
width:220px;
margin:auto;
border:none;}
#laisser-com{
position:absolute;
margin-left:-56px}

#respond #submit{
background:#FFFFFF;
padding:5px 0;
width:130px;
margin-left:80px;



}
#respond #submit:hover{
text-decoration:underline}
.commentlist{
margin:0;
padding:0;

width:450px;
margin-left:80px;
}
.vcard{
text-align:left;
text-transform:uppercase;
}
.commentlist .reply{
text-align:right;
background:url(images/fleche-1.jpg) no-repeat;
background-position:25px bottom;
height:20px;
padding-right:35px;
}
#retour #commentaires .txt_comment p{
text-align:left;
color:#fff}
#retour .txt_comment{
text-align:left;
background:#a1b402;
padding:10px;
}
.children{
background:#a1b402;
width:auto;list-style:none;padding:0 5px 20px 10px;
margin:0
}
.children .children{
padding:0 5px 0 20px;
}
.commentlist .children .reply{
background-image:url(images/fleche-2.jpg);
}
#retour .commentlist .children .txt_comment{
background:#49b402;
}
/* REALISATIONS*/
#retour{
background:#FFFFFF;
width:636px;
padding:15px;
margin:0px 15px 10px 20px;
overflow:auto}
#retour p{
text-align:justify;
color:#4C4C4C}
#retour ul{
color:#4c4c4c;
font-size:11px;}
/*barre coté*/
#barre_cote{
width:227px;
/*position:absolute;
top:235px;
margin-left:710px*/
float:right;
margin-right:20px}
#horloge{
padding:5px 0;
color:#fff;
text-align:center;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background:#4f5c60;
}
.jclock{
font-size:30px;
color:#fff;
}
#categories{
background:#1d4e5b;
padding:10px 0;
}
#categories p {
padding:0 15px;
color:#fff;
}
#categories ul {
list-style:none;
text-transform:capitalize;
margin-left:0;
padding:0 15px}
#categories ul ul.children{
background:#1d4e5b;
}
#categories .current-cat,#categories ul ul.current-cat{
background:#A1B402;
}
#categories ul li{
}
#categories ul li a{color:#fff}
#barre_d{
border-left:10px #d22c00 solid;
border-top:10px #d22c00 solid;
border-right:8px #d22c00 solid;
background:#d22c00;
padding:0 0 129px 0;
margin-top:15px
}
#barre_d img{
padding:0;
margin:0;
border:0}
#cont_d{
width:205px;
background:#FFFFFF;
margin:0;
padding:0;
}
#cont_d ul{
margin:0;
list-style:none;
padding:0;
}
#cont_d ul li{
margin:0 0 0 15px;
padding-top:10px;
}
#cont_d ul li p{
margin:5px 0 0 0;}
#cont_d ul li p a{
color:#636363;
}
a.com_aut,a.com_aut:visited{
color:#ae00a4;
text-transform:uppercase;
}
#monstre_bas{
position:absolute;
margin:-129px 0 0 10px;
}
#rss{
margin-top:35px}
/*  BAS  */
#bas{
width:951px;
margin:auto;
text-align:left;
background-image:url(images/fond_bas.jpg);
height:59px}
.clr{
clear:left
}
.inter .clr{
clear:both
}
.inter h1{
font-size:12px;}

.inter{
float:left}
.alignright{
float:right}
.alignleft{
float:left}

.exemple{
padding:10px;
background:#eee;
border:1px solid #ccc;
overflow:auto}
.centrer{
text-align:center}
#lien_webfolio{
margin-bottom:10px}
#cloud{
background:#e5ca00;
padding:10px 0;
margin:5px 0;
}
#nav_acc{
text-align:center;
padding:15px 0;
overflow:auto;
background:#fff
}