/*
Theme Name: newportfolio
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.jpg);
background-repeat:repeat-x;
background-color:#393939;
}
ul li{
margin-left:0;
padding-left:15px;
list-style:none;
background:url(images/fleche.gif) no-repeat 0 5px;
}
#blog{
position:absolute;
margin-top:-35px;
margin-left:850px;}
#blog a{color:#FF16FC;font-weight:bold;text-transform:uppercase}
#site{
text-align:left;
margin:auto;
width:951px;
background:#FFFFFF;
overflow:auto;
padding-bottom:15px;}
.home{
margin-top:10px;}
img{
border:0;}
a{
color:#ff9409}
a:visited{
color:#9c3208}
a:hover{
color:#ffa000}
#slogan{
position:absolute;
margin-left:25px;
margin-top:120px;
width:900px;
}
.home #slogan{
margin-top:0;
}
#slogan *{
font-weight:normal;
font-size:9px;}
#menu{
height:56px;
clear:both;
padding:0;
margin:0}
#menu ul{
margin:0;
padding:0;
}
#menu ul li{
background:none;
float:left;
list-style:none;
margin:0;
padding:0;
width:190px;
height:56px;
overflow:hidden;
}
#menu img{
border:0;
margin:0;
padding:0;
}
#sous_menu{
height:194px;
padding:25px 0 0 0;
width:951px;
margin-bottom:0px;
margin-top:0px;
background:url(images/page-portfolio.jpg) repeat-x;
}
#image_page{
float:left;
margin:0px 15}
#sous_menu *{
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}
#sous_menu ul.menu, ul#tri{
margin:0;
padding:0;
}
#sous_menu ul.menu{
height:54px;}
#sous_menu ul.menu li{
text-align:center;
background:#000000;
float:left;
width:145px;
padding:10px 2px;
height:34px;
margin:0 5px 0 0;
list-style:none;
}
#sous_menu ul.menu li a{
color:#FFFFFF;
line-height:17px;
text-decoration:none
}
#sous_menu ul.menu li a:hover{
text-decoration:underline}
#sous_menu ul.menu li.current_page_item{
background:#FFFFFF;}
#sous_menu ul.menu li.current_page_item a{
color:#000000}
ul#tri,ul#tri *{
color:#FFF;
text-align:center;
font-family:arial;
font-size:12px;
}

ul#tri{
width:710px;
margin-left:110px;
}
ul#tri li{
display:inline;
background:none;
margin-right:15px;
padding:0 0 0 10px;
background:url(images/pucelicat.png) no-repeat 0 center;

}
#tri li.current-cat{
display:none;
}
#article_navigation{
position:absolute;
top:205px;}
ul#mycarousel li,ul#mycarousel li{
padding-left:0;
background:0
}
h1,#colg .titre,#retour .titre h1,#retour .titre h1 a,#retour .titre h3,#retour .titre h3 a{
border-bottom:2px solid #727272;
font:tahoma;
font-size:14px;
padding:5px 0;
margin:5px 0 20px 0;
font-weight:bold;
}
#retour .titre{
padding:0 15px;
}
#retour div .titre{
padding:auto;
}
#colg h1,#colg .titre, #colg .titre a, #colg h1 a, #colg h1 a:visited,#retour .titre h1,#retour .titre h1 a{
text-decoration:none;
color:#ff16fc
}
#cold h1,#cold h1 a,#cold h1 a:visited{
color:#16c5ff;
text-align:right
}
#colg, #cold{
font-family:arial;
font-size:12px;
}
#colg{
width:421px;
margin:5px 27px 0 27px;
float:left
}
.contact_bas{
margin-left:27px;}
#cold{
width:420px;
margin:5px 27px 0 27px;
float:left
}
/*bordures d'image*/
.bordure_img{
border:#727272 4px solid;
padding:2px;
background:#FFFFFF;
float:left;
margin-right:15px;
margin-bottom:15px;
}

.bordure_img img{
border:#868686 1px solid;
margin:0;
padding:0;}
/* REALISATIONS*/
#liste_d{
list-style:none;
margin:0;
padding:0}
#liste_d *{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#liste_d li{
width:420px;
margin:15px 0;
overflow:auto;
clear:both;
background:none}
#liste_d li li{
width:auto;
overflow:auto;
clear:none;
margin:2px 0;
background:url(images/fleche.gif) no-repeat 0 5px;
}
#liste_d li a,#retour h1,#retour h1 a{
text-decoration:none;
color:#90c200;
font-size:24px;
font-weight:bold
}
#liste_d li a{
margin-bottom:10px
}
#liste_d p{
margin:0 0 10px 0;padding:0
}
#liste_d li:hover .bordure_img img{
border:1px solid #ff0000;
}
#liste_d li:hover a{
color:#ff0000
}
#retour h1{
border:none
}
#retour #image_page{
width:164px;
margin-left:15px;}
#retour #image_page .bordure_img{
margin:0}
#retour #image_page img{
width:100px;
height:100px;}
#retour #image_page ul {
margin:0 25px;
padding:0}
#retour #image_page ul li{
background:none;
overflow:auto;
list-style:none;
display:block;
padding:0 0 25px 0;
margin:0}
#article{
width:700px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px}
#article h1{
margin:0px 0 10px 0}
#infos_article p{
padding:0;
margin:0;
color:#181818;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;}
#url_lien{
width:100%;
height:25px}
#url_lien p{
float:right;
padding-left:22px;
background:url(images/loupe.jpg) no-repeat 0 center}
#bas{
width:901px;
margin:auto;
text-align:left;
background-image:url(images/fond_bas.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color:#66860b;
padding-top:60px;
padding-left:25px;
padding-right:25px;
}
#bas p a,#bas ul li a{
font-size:10px;
font-family:arial;
color:#fff}
#bas p{
flaot:left;
margin:0;
font-size:10px;font-family:arial;
}
#bas ul{
margin:0;padding:0;}
#bas ul li{
background:transparent;
padding:0;
margin:0;
display:inline;
}
#bas ul li ul{
display:inline;
}
.clr{
clear:both}
.listing{
width:500px;
height:20px;
margin-left:250px;}
.chargement{
width:951px;
height:300px;
}
#anim_flash{
padding-top:25px;
height:205px;
width:120px;
float:left}
.next{
float:left;
margin-left:700px;
}
.prev{
float:left;
margin-left:200px;}
.techno{
text-transform:capitalize}
.puce_bleu,h2,h3{
color:#587700;
font-size:14px;
font-weight:bold;
}
#rss{
position:absolute;
font-size:11px;
margin-left:525px;
font-family:arial;}
#chemin{
padding-left:29px;
position:absolute;
height:20px;
width:950px;
z-index:6}
#chemin,#chemin *{
font-family:arial;
font-size:11px;}
.menu_actif{
position:absolute;
display:none;}
.alignleft{
float:left;}
.alignright{
float:right}
.chargement{
padding-top:100px;
width:100%;
height:150px;
background:url(http://webfolio.fr/images/loadingAnimation.gif) no-repeat center center}
#devis{
position:absolute;
top:266px;
margin-left:342px}
label,table label{
font-family:arial;
font-size:12px}
textarea{
width:300px;}
#breadcrumb{
font-size:11px;
padding:0px 25px;
position:absolute;
top:423px;
width:900px
}
#breadcrumb,#breadcrumb a{
color:#555;
}
#breadcrumb a:hover{
color:#ff0000;
}
div.sociable{
float:right;
width:100%}

#random_posts{
padding-left:50px;
width:850px;
float:left;
}